:root{--primary-color:#bf141c;--text-color:#000;--background-color:#fff;--accent-bg-color:#f8f8f8;--border-color:#e0e0e0;--hover-color:#f0f0f0;--spacing-unit:.5rem;--font-family:Arial, sans-serif;--transition-speed:.3s}.content{max-width:800px;padding:calc(var(--spacing-unit) * 2);font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);margin:0 auto;line-height:1.6}.post-title{text-align:center;margin-bottom:calc(var(--spacing-unit) * 3)}.post-title h1{color:var(--primary-color);margin-bottom:calc(var(--spacing-unit) * .5);letter-spacing:.5px;font-size:2.5rem;font-weight:600}.post-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.post-date{color:#666;font-size:1.1rem;font-style:italic}.post-category{color:#fff;background-color:#bf141c;border-radius:1rem;padding:.25rem .75rem;font-size:.9rem;font-weight:600}.post-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.post-tag{color:#fff;background-color:#bf141c;border-radius:1rem;padding:.25rem .75rem;font-size:.9rem;font-weight:600}.post-reading-time{color:#666;font-size:.9rem;font-style:italic}.content-wrapper{max-width:800px;font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);margin:0 auto;line-height:1.6}.blog-content{font-size:1.1rem;line-height:1.8}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--text-color);margin-top:calc(var(--spacing-unit) * 2);margin-bottom:var(--spacing-unit);font-weight:600}.blog-content h1{border-bottom:2px solid var(--border-color);padding-bottom:calc(var(--spacing-unit) * .5);font-size:2rem}.blog-content h2{border-left:4px solid var(--border-color);padding-left:var(--spacing-unit);font-size:1.75rem}.blog-content h3{font-size:1.5rem}.blog-content h4{font-size:1.25rem}.blog-content p{margin-bottom:calc(var(--spacing-unit) * 1.5);text-align:justify}.blog-content strong{color:var(--text-color);font-weight:600}.blog-content em{color:#666;font-style:italic}.blog-content ul,.blog-content ol{margin-bottom:calc(var(--spacing-unit) * 1.5);padding-left:calc(var(--spacing-unit) * 2)}.blog-content li{margin-bottom:calc(var(--spacing-unit) * .5)}.blog-content blockquote{border-left:4px solid var(--border-color);padding-left:var(--spacing-unit);margin:calc(var(--spacing-unit) * 2) 0;background-color:var(--accent-bg-color);padding:var(--spacing-unit);border-radius:4px;font-style:italic}.blog-content code{background-color:var(--accent-bg-color);padding:calc(var(--spacing-unit) * .25) calc(var(--spacing-unit) * .5);color:var(--text-color);border-radius:3px;font-family:monospace}.blog-content pre{background-color:var(--accent-bg-color);padding:var(--spacing-unit);margin:calc(var(--spacing-unit) * 1.5) 0;border-radius:4px;overflow-x:auto}.blog-content pre code{color:var(--text-color);background-color:#0000;padding:0}.blog-content a{color:var(--primary-color);transition:color var(--transition-speed) ease;text-decoration:none}.blog-content a:hover{color:#8f0f15;text-decoration:underline}.blog-content details{margin:calc(var(--spacing-unit) * 1.5) 0;border:1px solid var(--border-color);background-color:var(--background-color);border-radius:4px;overflow:hidden}.blog-content summary{background-color:var(--accent-bg-color);padding:var(--spacing-unit);cursor:pointer;color:var(--text-color);transition:background-color var(--transition-speed) ease;user-select:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.blog-content summary:hover{background-color:var(--hover-color)}.blog-content summary:after{content:"+";color:var(--primary-color);transition:transform var(--transition-speed) ease;font-size:1.2rem;font-weight:700}.blog-content details[open] summary:after{content:"−";transform:rotate(180deg)}.blog-content details[open] summary{border-bottom:1px solid var(--border-color)}.blog-content details>div,.blog-content details>:not(summary){padding:var(--spacing-unit)}.accent-color{color:var(--primary-color);font-weight:600}@media (width<=768px){.content{padding:var(--spacing-unit)}.post-title h1{font-size:2rem}.blog-content{font-size:1rem}.blog-content h1{font-size:1.75rem}.blog-content h2{font-size:1.5rem}.blog-content summary{padding:calc(var(--spacing-unit) * .75);font-size:.9rem}}@media print{.blog-content{font-size:12pt;line-height:1.6}.post-title h1{font-size:18pt}.blog-content details{border:none}.blog-content summary{border-bottom:1px solid var(--border-color);background-color:#0000}}