:root{--color-primary: #743290;--color-secondary: #3498db;--color-accent: #0269c8;--color-nav-border: #08588b;--color-accent-light: #3999f2;--color-dark-accent: #19364d;--color-footer-bg: #222;--color-content-bg: #fff;--color-widget-bg: #fff;--color-footer-text: #777;--color-text: #666;--color-text-dark: #333;--color-text-light: #999;--color-border: #e2e2e2;--color-bg: #ececec;--color-bg-alt: #f5f5f5;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--container-max-width: 1280px;--container-width: 80%;--content-width: 68%;--sidebar-width: 30%;--grid-gap: 2%}*{box-sizing:border-box}body{font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;line-height:1.6;color:var(--color-text);margin:0;padding:0;background:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:Arial,Verdana,sans-serif;font-weight:600;color:var(--color-text-dark);margin-top:0;line-height:1.3}h1{font-size:2rem;margin-bottom:1rem}h2{font-size:1.5rem;margin-bottom:.875rem}h3{font-size:1.25rem;margin-bottom:.75rem}h4{font-size:1.1rem;margin-bottom:.625rem}p{margin:0 0 1rem}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-light);text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:var(--container-max-width);width:var(--container-width);margin:0 auto;padding:var(--spacing-md) 0}.content-grid{display:grid;grid-template-columns:var(--content-width) var(--sidebar-width);gap:var(--grid-gap)}.site-header{width:100%}.top-nav{background:var(--color-secondary);border-bottom:3px solid var(--color-nav-border);box-shadow:0 1px 4px #00000080;height:50px;width:100%;position:sticky;top:0;z-index:100}.top-nav .container{height:100%;display:flex;align-items:center;padding:0}.top-nav .header-nav{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.top-nav .nav-menu{list-style:none;margin:0;padding:0;display:flex;text-transform:uppercase;font-weight:300;font-size:15px;gap:0;align-items:stretch;height:100%}.top-nav .nav-menu a{color:#fff;font-weight:400;padding:0 var(--spacing-sm);display:flex;align-items:center;height:100%;border-radius:0;transition:background .2s;text-decoration:none}.top-nav .nav-menu a:hover{background:#2980b9;text-decoration:none}.top-nav .header-right{display:flex;align-items:center;overflow:hidden;gap:var(--spacing-sm)}.top-nav .social-icons{display:flex;gap:0}.top-nav .social-icons a{color:#fff;display:flex;align-items:center;justify-content:center;width:26px;height:32px;border-radius:3px;overflow:hidden;position:relative}.top-nav .social-icons a svg{width:20px;height:20px;display:block;transition:transform .3s ease;filter:drop-shadow(0 32px 0 #000)}.top-nav .social-icons a:hover svg{transform:translateY(-32px)}.top-nav .social-icons a:hover{text-decoration:none}.top-nav .search-icon{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background .2s}.top-nav .search-icon:hover{color:#000}.site-header{background:var(--color-primary);height:150px;width:100%;display:flex;align-items:center;text-align:center}.site-header .container{padding:0;width:100%}.site-header h1{margin:0;font-size:2.5rem;font-weight:600;color:#fff}.site-header h1 a,.site-header h1 a:hover{color:#fff;text-decoration:none}.site-header .site-subtitle{margin:.5rem 0 0;font-size:1rem;font-weight:300;color:#ffffffe6}.post-card{background:var(--color-content-bg);border:1px solid var(--color-border);border-radius:5px;padding:4% 4% 1%;margin-bottom:10px;transition:box-shadow .2s}.post-card:hover{box-shadow:0 2px 8px #0000001a}.post-title{font-size:1.5rem;color:var(--color-accent);margin-bottom:.5rem}.post-title a{color:var(--color-accent)}.post-title a:hover{color:var(--color-accent-light)}.post-card>h2.post-title,.post-card>header>h2{margin-bottom:.1rem}.post-meta{font-size:.875rem;color:var(--color-text-light);border-bottom:1px dotted var(--color-border);padding-bottom:10px;margin-bottom:10px}.post-meta-item{margin-right:var(--spacing-md)}.post-list{list-style:none;padding:0;margin:0}.post-list>li{margin-bottom:var(--spacing-md)}.post-excerpt{color:var(--color-text);margin-bottom:var(--spacing-sm)}.post-content{background:var(--color-content-bg);font-size:1rem;line-height:1.7}.post-content img{border-radius:5px;margin:var(--spacing-md) 0}.post-preview{color:var(--color-text)}.post-preview p:last-child{margin-bottom:0}.post-preview-readmore-link{margin:.5rem 0}.post-card p>img[src*="#article-header"]{float:left;padding-right:15px;margin:0 0 var(--spacing-sm) 0}.post-card p:has(>img[src*="#article-header"]){display:flow-root}.post-card a>img[src*="-thumb."]{float:right;margin:0 0 var(--spacing-md) var(--spacing-md);max-width:min(50%,420px)}.image-lightbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh}.image-lightbox::backdrop{background:#000000d9}.image-lightbox[open]{display:flex;align-items:center;justify-content:center}.image-lightbox__image{max-width:min(95vw,1200px);max-height:90vh;border-radius:6px}.image-lightbox__close{position:fixed;top:1rem;right:1rem;border:0;border-radius:4px;padding:.5rem .75rem;background:#000000b3;color:#fff;cursor:pointer;font-size:1rem}.tag-list{list-style:none;padding:0;margin:var(--spacing-sm) 0;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-block;background:var(--color-bg-alt);color:var(--color-text);padding:.25rem .75rem;border-radius:3px;font-size:.8125rem;border:1px solid var(--color-border);transition:all .2s}.tag:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);text-decoration:none}.sidebar{font-size:.9375rem}.widget{background:var(--color-widget-bg);border:1px solid var(--color-border);border-radius:5px;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.widget-title{font-size:1.125rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent);padding-bottom:var(--spacing-xs)}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding:.375rem 0;border-bottom:1px dotted var(--color-border)}.widget li:last-child{border-bottom:none}.archive-widget .archive-list{list-style:none;padding:0;margin:0}.archive-widget .archive-year-item{padding:0;border-bottom:1px dotted var(--color-border)}.archive-widget .archive-year-item:last-child{border-bottom:none}.archive-widget details{padding:.35rem 0}.archive-widget .archive-year-summary{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;cursor:pointer;list-style:none;font-weight:600;color:var(--color-primary)}.archive-widget .archive-year-summary::-webkit-details-marker{display:none}.archive-widget .archive-year-summary:after{content:"▸";margin-left:.2rem;font-size:.75rem;color:var(--color-text-light);transition:transform .2s ease}.archive-widget details[open] .archive-year-summary:after{transform:rotate(90deg)}.archive-widget .archive-year-count{display:inline-flex;align-items:center;justify-content:center;margin-left:.1rem;min-width:1.4rem;padding:.1rem .35rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-content-bg);color:var(--color-text-light);font-size:.75rem}.archive-widget .archive-months{list-style:none;margin:.45rem 0 0;padding-left:.85rem}.archive-widget .archive-months li{padding:.25rem 0;border-bottom:none}.archive-widget .archive-year-link{font-weight:500}.categories-widget ul{list-style:none;padding:0}.categories-widget li{padding:.5rem 0}.categories-widget a{color:var(--color-text)}.categories-widget a:hover{color:var(--color-accent)}.tag-cloud{border:1px solid var(--color-border);border-radius:5px;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.tag-cloud h3,.archive-widget h3{font-size:1.125rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent);padding-bottom:var(--spacing-xs)}.tag-cloud .tag{margin:0;display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;line-height:1.2}.tag-cloud .tag-list{margin:0;gap:.4rem}.tag-cloud .tag-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;padding:.1rem .35rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-content-bg);color:var(--color-text-light);font-size:.75rem}.tag-cloud .tag:hover .tag-count{border-color:#ffffff80;color:#fff;background:transparent}.tag-page-summary{margin:0;color:var(--color-text-light)}.btn{display:inline-block;padding:.5rem 1.25rem;background:var(--color-accent);color:#fff;border:none;border-radius:3px;font-weight:400;cursor:pointer;transition:background .2s;text-decoration:none}.btn:hover{background:var(--color-accent-light);color:#fff;text-decoration:none}.btn-secondary{background:var(--color-secondary)}.btn-secondary:hover{background:var(--color-primary)}input[type=text],input[type=email],input[type=search],textarea{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:3px;font-family:inherit;font-size:.9375rem}input:focus,textarea:focus{outline:none;border-color:var(--color-accent)}pre{overflow:auto;padding:1rem;border-radius:6px;background:var(--astro-code-bg, #0b0b0b);margin:var(--spacing-md) 0;font-size:.875rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace}:not(pre)>code{background:var(--color-bg-alt);padding:.125rem .375rem;border-radius:3px;font-size:.9em;color:var(--color-text-dark)}pre .line{display:inline-block;width:100%}pre .line.highlighted,pre .line[data-highlighted-line]{background-color:#7432901a;border-left:3px solid #743290;padding-left:calc(1rem - 3px);margin-left:-1rem}.site-footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--spacing-sm) 0;text-align:center;font-size:.875rem;width:100%}.site-footer p{margin:.1rem 0}.site-footer a{color:var(--color-accent-light)}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer .container{padding:0}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:var(--spacing-lg) 0;list-style:none;padding:0;width:100%;max-width:100%;box-sizing:border-box}.pagination a,.pagination span{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:3px;color:var(--color-accent)}.pagination a:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);text-decoration:none}.pagination .current{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.pagination .separator{border:none;padding-left:.25rem;padding-right:.25rem}.pagination .compact-separator,.pagination .is-hidden{display:none}.pagination .pagination-control{font-weight:600}.pagination .disabled{color:var(--color-secondary);background:var(--color-bg-alt);cursor:default}@media(max-width:1100px){.pagination .auto-separator{display:none}.pagination .compact-separator{display:inline-block}.pagination .page-number{display:none}.pagination .page-number.is-first,.pagination .page-number.is-current,.pagination .page-number.is-last{display:inline-block}.pagination .pagination-prev{order:1}.pagination .page-number.is-first:not(.is-current){order:2}.pagination .compact-separator--left{order:3}.pagination .page-number.is-current{order:4}.pagination .compact-separator--right{order:5}.pagination .page-number.is-last:not(.is-current){order:6}.pagination .pagination-next{order:7}}.pagination .compact-separator.is-hidden{display:none!important}@media(max-width:1200px){:root{--container-width: 90%}}@media(max-width:1024px){.content-grid{grid-template-columns:65% 33%;gap:2%}}@media(max-width:900px){:root{--container-width: 92%}}@media(max-width:800px){.content-grid{grid-template-columns:1fr;gap:0}.sidebar{margin-top:var(--spacing-lg)}.top-nav{height:auto;min-height:50px}.top-nav .header-nav{flex-direction:column;padding:.5rem 0}.top-nav .nav-menu{flex-wrap:wrap;justify-content:center}.top-nav .header-right{margin-top:.5rem}.site-header{height:auto;min-height:150px;padding:var(--spacing-md) 0}.site-header h1{font-size:2rem}.site-header .site-subtitle{font-size:.9rem}}@media(max-width:640px){body{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.post-card{padding:1rem}.post-card p>img[src*="#article-header"]{float:none;display:block;margin:0 auto var(--spacing-sm);padding-right:0;max-width:100%}:root{--container-width: 95%}}@media(max-width:480px){.site-header,.site-footer,.container{padding:var(--spacing-sm) 0}:root{--spacing-lg: 1.5rem;--spacing-xl: 2rem}}
