:root{--blog-text-primary:#1a1a1a;--blog-text-secondary:#4a5568;--blog-text-muted:#718096;--blog-accent:#d4af37;--blog-accent-light:#f7f1e3;--blog-separator:#e2e8f0;--blog-shadow:0 4px 20px rgba(0,0,0,.08);--blog-shadow-hover:0 8px 30px rgba(0,0,0,.12);--blog-border-radius:12px;--blog-max-width:65ch}.blog-content{max-width:var(--blog-max-width);margin:0 auto;line-height:1.75;font-size:18px;color:var(--blog-text-primary);font-weight:400;letter-spacing:.01em;word-spacing:.05em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.blog-content p{margin-bottom:2rem;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;transition:opacity .3s ease}.blog-content p:hover{opacity:.95}.blog-content p:first-of-type{font-size:1.125em;font-weight:500;color:var(--blog-text-primary);margin-bottom:2.5rem;position:relative}.blog-content p:first-of-type:after{content:"";position:absolute;bottom:-1.25rem;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--blog-accent),transparent);border-radius:2px}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-weight:700;color:var(--blog-text-primary);margin-top:3rem;margin-bottom:1.5rem;letter-spacing:-.025em;line-height:1.3}.blog-content h1{font-size:2.5rem;margin-top:0}.blog-content h2{font-size:2rem;padding-bottom:.5rem;border-bottom:2px solid var(--blog-separator)}.blog-content h3{font-size:1.5rem;color:var(--blog-text-secondary)}.blog-content h4{font-size:1.25rem;color:var(--blog-text-secondary)}.intro-layout{display:flex;gap:3rem;margin-bottom:3rem;align-items:flex-start;padding:2rem;background:linear-gradient(135deg,var(--blog-accent-light) 0,#fff 100%);border-radius:var(--blog-border-radius);box-shadow:var(--blog-shadow);transition:all .3s ease}.intro-layout:hover{box-shadow:var(--blog-shadow-hover);transform:translateY(-2px)}.intro-text{flex:1;min-width:0}.intro-image{flex:0 0 320px;max-width:320px}.intro-image img{width:100%;height:auto;border-radius:var(--blog-border-radius);box-shadow:var(--blog-shadow);transition:transform .3s ease}.intro-image img:hover{transform:scale(1.02)}.blog-content .image-container{margin:3rem 0;clear:both;text-align:center}.blog-content .image-container img{border-radius:var(--blog-border-radius);box-shadow:var(--blog-shadow);max-width:100%;height:auto;transition:all .3s ease}.blog-content .image-container img:hover{box-shadow:var(--blog-shadow-hover);transform:translateY(-3px)}.blog-content .image-container.image-center{text-align:center}.blog-content .image-container.image-center img{max-width:100%;display:block;margin:0 auto}.blog-content .image-container.image-right{float:right;margin:0 0 2rem 3rem;max-width:45%}.blog-content .image-container.image-right img{width:100%;display:block}.blog-content .image-container.image-left{float:left;margin:0 3rem 2rem 0;max-width:45%}.blog-content .image-container.image-left img{width:100%;display:block}.blog-content:after{content:"";display:table;clear:both}.blog-content .image-container figcaption{font-size:.875rem;color:var(--blog-text-muted);text-align:center;margin-top:1rem;font-style:italic;padding:0 1rem}.blog-content blockquote{position:relative;background:linear-gradient(135deg,var(--blog-accent-light) 0,#f8f9fa 100%);border-left:4px solid var(--blog-accent);padding:2rem 2rem 2rem 3rem;margin:3rem 0;border-radius:0 var(--blog-border-radius) var(--blog-border-radius) 0;font-style:italic;font-size:1.125rem;color:var(--blog-text-secondary);box-shadow:var(--blog-shadow)}.blog-content blockquote:before{content:'"';position:absolute;left:1rem;top:1rem;font-size:3rem;color:var(--blog-accent);font-family:Georgia,serif;opacity:.3}.blog-content ol,.blog-content ul{padding-left:0;margin-bottom:2rem;list-style:none}.blog-content ol li,.blog-content ul li{position:relative;margin-bottom:1rem;padding-left:2rem;color:var(--blog-text-secondary);transition:color .3s ease}.blog-content ol li:hover,.blog-content ul li:hover{color:var(--blog-text-primary)}.blog-content ul li:before{content:"▸";position:absolute;left:0;color:var(--blog-accent);font-weight:700;font-size:1.2em}.blog-content ol{counter-reset:list-counter}.blog-content ol li{counter-increment:list-counter}.blog-content ol li:before{content:counter(list-counter) ".";position:absolute;left:0;color:var(--blog-accent);font-weight:700;font-size:1.1em}.blog-content a{color:var(--blog-accent);text-decoration:none;position:relative;transition:color .3s ease}.blog-content a:hover{color:var(--blog-text-primary)}.blog-content a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--blog-accent);transition:width .3s ease}.blog-content a:hover:after{width:100%}.blog-content code{background:#f7f7f7;padding:.2em .4em;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.9em;color:#d63384;border:1px solid #e9ecef}.blog-content pre{background:#f8f9fa;padding:1.5rem;border-radius:var(--blog-border-radius);overflow-x:auto;margin:2rem 0;border:1px solid var(--blog-separator);box-shadow:var(--blog-shadow)}.blog-content pre code{background:none;padding:0;border:none;color:inherit}.blog-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--blog-separator),transparent);margin:4rem 0;border-radius:2px}.blog-content hr+*{margin-top:4rem!important}@media (max-width:768px){.blog-content{font-size:16px;padding:0 1rem}.intro-layout{flex-direction:column;gap:2rem;padding:1.5rem}.intro-image{flex:none;max-width:100%}.blog-content .image-container.image-left,.blog-content .image-container.image-right{float:none;max-width:100%;margin:2rem 0;text-align:center}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content blockquote{padding:1.5rem 1.5rem 1.5rem 2.5rem;margin:2rem 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-content>*{animation:fadeInUp .8s ease-out}html{scroll-behavior:smooth}.blog-content a:focus,.blog-content button:focus{outline:2px solid var(--blog-accent);outline-offset:2px}.blog-content::-moz-selection{background:var(--blog-accent-light);color:var(--blog-text-primary)}.blog-content::selection{background:var(--blog-accent-light);color:var(--blog-text-primary)}.blog-content ::-moz-selection{background:var(--blog-accent-light);color:var(--blog-text-primary)}.blog-content table{width:100%;margin:2rem 0;border-collapse:collapse;background:#fff;border-radius:var(--blog-border-radius);overflow:hidden;box-shadow:var(--blog-shadow);font-size:.9rem}.blog-content table thead{background:linear-gradient(135deg,var(--blog-accent) 0,#c9a632 100%);color:#fff}.blog-content table thead th{padding:1rem 1.5rem;font-weight:600;text-align:left;letter-spacing:.02em;border-bottom:2px solid hsla(0,0%,100%,.1)}.blog-content table tbody tr{transition:background-color .2s ease;border-bottom:1px solid var(--blog-separator)}.blog-content table tbody tr:nth-child(2n){background-color:#f8f9fa}.blog-content table tbody tr:hover{background-color:var(--blog-accent-light);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.blog-content table tbody td{padding:1rem 1.5rem;color:var(--blog-text-secondary);vertical-align:top;line-height:1.6}.blog-content table tbody td:has(>span[data-type=number]),.blog-content table tbody td:matches([data-type=number]){text-align:right;font-variant-numeric:tabular-nums;font-weight:500}@media (max-width:768px){.blog-content table{font-size:.8rem}.blog-content table tbody td,.blog-content table thead th{padding:.75rem 1rem}@media (max-width:600px){.blog-content table,.blog-content table tbody,.blog-content table td,.blog-content table th,.blog-content table thead,.blog-content table tr{display:block}.blog-content table thead tr{position:absolute;top:-9999px;left:-9999px}.blog-content table tr{background:#fff;border:1px solid var(--blog-separator);border-radius:var(--blog-border-radius);margin-bottom:1rem;padding:1rem;box-shadow:var(--blog-shadow)}.blog-content table td{border:none;position:relative;padding-left:50%!important;padding-top:.5rem;padding-bottom:.5rem}.blog-content table td:before{content:attr(data-label) ": ";position:absolute;left:6px;width:45%;padding-right:10px;white-space:nowrap;font-weight:600;color:var(--blog-text-primary)}}}.blog-content table caption{padding:1rem;font-weight:600;color:var(--blog-text-primary);text-align:left;caption-side:top;font-size:1.1rem}.blog-content table th[data-sortable]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.blog-content table th[data-sortable]:hover{background:hsla(0,0%,100%,.1)}.blog-content table th[data-sortable]:after{content:"↕";position:absolute;right:8px;opacity:.5}