.blog-wrapper{display:flex;flex-direction:column;width:100%;align-items:center;padding-top:30px;padding-bottom:30px}.blog-window{width:800px;max-width:92vw;box-shadow:0 0 10px #00000080}.blog-window .window-body{background-color:#d4d0c8!important;padding:0!important;overflow:hidden}.blog-window .title-bar{background:linear-gradient(90deg,navy,#1084d0)!important}.nav-buttons{display:flex;gap:5px;padding:10px}.blog-content{padding:16px 20px 20px;font-family:Courier New,Lucida Console,monospace;font-size:13px;line-height:1.65;color:#000;background-color:#d4d0c8;overflow-wrap:break-word;word-break:break-word;min-width:0}h1.blog-title{color:navy;font-family:Courier New,monospace;font-size:18px;font-weight:700;margin:0 0 10px;line-height:1.4}.date-container{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.date-line{display:inline-flex;align-items:center;padding:2px 8px;background-color:silver;border:1px solid #888;box-shadow:inset 1px 1px #fff,inset -1px -1px #888;font-family:Courier New,monospace;font-size:12px;width:fit-content}.date-label{font-weight:400}.date-label-value{font-weight:700;margin-left:4px}.separator{height:1px;background-color:#848484;margin:12px 0}.content-area{padding-top:8px;max-width:100%;overflow-x:hidden}.content-area p,.content-area li{font-size:13px;line-height:1.65;margin:10px 0}.content-area h1{font-size:18px;margin:24px 0 10px;color:navy;font-family:Courier New,monospace}.content-area h2{font-size:16px;margin:28px 0 10px;color:navy;font-family:Courier New,monospace;border-bottom:1px solid #808080;padding-bottom:4px}.content-area h3{font-size:14px;margin:20px 0 8px;color:#000;font-family:Courier New,monospace}.content-area h4,.content-area h5,.content-area h6{font-size:13px;margin:16px 0 6px;color:#000;font-family:Courier New,monospace}.blog-content pre{background-color:#1a1a2e!important;color:silver!important;padding:12px!important;border:1px solid #404040!important;margin:12px 0!important;overflow-x:auto!important;max-width:100%!important;font-size:12px!important;line-height:1.5!important;font-family:Courier New,monospace!important;box-shadow:inset 1px 1px #000,inset -1px -1px #333!important}.blog-content pre code{background:none!important;border:none!important;padding:0!important;font-size:12px!important;color:silver!important}.blog-content .token.keyword{color:#0ff!important}.blog-content .token.string{color:#3ad900!important}.blog-content .token.function{color:#fff!important}.blog-content .token.comment{color:#666!important}.blog-content .token.operator{color:#0ff!important}.blog-content .token.number{color:#ff6060!important}.content-area code{font-family:Courier New,monospace;font-size:12px;background-color:silver;padding:1px 4px;border:1px solid #a0a0a0}.content-area pre code{background:none;border:none;padding:0}.content-area table{width:100%;border-collapse:collapse;margin:12px 0;font-family:Courier New,monospace;font-size:12px;background-color:#d4d0c8;display:block;overflow-x:auto}.content-area thead{background-color:navy;color:#fff}.content-area th{padding:4px 8px;text-align:left;font-weight:700;font-size:12px;border:1px solid #000060;white-space:nowrap}.content-area td{padding:3px 8px;border:1px solid #a0a0a0;font-size:12px;vertical-align:top}.content-area tbody tr:hover{background-color:#c8c4bc}.content-area hr{border:none;height:1px;background-color:gray;margin:20px 0;box-shadow:0 1px #fff}.content-area ul,.content-area ol{margin-left:20px;margin-bottom:12px;padding-left:0}.content-area li{margin-bottom:4px}.content-area blockquote{border-left:3px solid #000080;padding-left:12px;margin:12px 0 12px 8px;color:#333;font-style:italic}.content-area strong{color:#000}.content-area em{color:#444}.content-area a{color:navy;text-decoration:underline;word-break:break-all}.content-area a:visited{color:indigo}.content-area a:hover{color:#00f}.content-area img{max-width:100%;height:auto;border:1px solid #848484}@media screen and (max-width: 640px){.blog-content{padding:12px;font-size:12px}.blog-content pre{font-size:11px!important}.content-area table{font-size:11px}.content-area th,.content-area td{font-size:11px;padding:2px 4px}h1.blog-title{font-size:15px}}