.writing{color:#333;background:#fff;flex:1;width:100%;font:13px/1.6 Trebuchet MS,Trebuchet,Verdana,sans-serif}.writing a{color:#58a;text-decoration:none}.writing a:hover{color:#c60;text-decoration:underline}.writing .navbar{color:#fff;background:linear-gradient(#5a8fd8,#2b64b8);align-items:center;gap:10px;height:30px;padding:0 8px;font:11px Arial,sans-serif;display:flex}.writing .navbar .b{color:#fff;letter-spacing:-.5px;text-align:center;background:#f60;border-radius:3px;height:20px;padding:0 4px;font:700 12px/20px Arial,sans-serif}.writing .navbar .b:hover{color:#fff;text-decoration:none}.writing .navbar form{align-items:center;gap:10px;margin:0;display:flex}.writing .navbar input{-webkit-appearance:none;appearance:none;color:#123;background:#fff;border:1px solid #1c3f7a;border-radius:0;width:120px;height:18px;padding:0 2px;font:11px Arial,sans-serif}.writing .btn{color:#123;cursor:pointer;background:#eaf0fa;border:1px solid #1c3f7a;border-radius:0;padding:1px 6px;font:11px Arial,sans-serif}.writing .btn:hover{background:#fff}.writing .navbar a{color:#fff;text-decoration:none}.writing .navbar a:hover{text-decoration:underline}.writing .navbar .right{white-space:nowrap;gap:10px;margin-left:auto;display:flex}.writing .header{border-bottom:1px solid #ccc;width:660px;margin:0 auto;padding:22px 0 12px}.writing .header h1,.writing .header .blog-title{color:#666;letter-spacing:-1px;margin:0;font:200%/1.2 Georgia,serif}.writing .header .blog-title a{color:#666}.writing .header .blog-title a:hover{color:#c60;text-decoration:none}.writing .header .desc{color:#999;text-transform:uppercase;letter-spacing:.2em;margin:6px 0 0;font:78%/1.4 Trebuchet MS,sans-serif}.writing .outer{gap:0;width:660px;margin:0 auto;display:flex}.writing .main{flex:none;width:410px;padding:20px 0}.writing .side{color:#666;flex:none;width:220px;margin-left:auto;padding:30px 0 20px;font-size:83%;line-height:1.5}.writing .side h2{color:#999;text-transform:uppercase;letter-spacing:.2em;margin:1.5em 0 .75em;font:700 78%/1.4 Trebuchet MS,sans-serif}.writing .side ul{margin:0;padding:0;list-style:none}.writing .side li{text-indent:-15px;border-top:1px dotted #ccc;margin:0;padding:.25em 15px}.writing .side li:last-child{border-bottom:1px dotted #ccc}.writing .side p{margin:0 0 1em}.writing .side .clear{clear:both}.writing .profile-img{float:left;object-fit:cover;background:#dde;border:1px solid #ccc;width:80px;height:80px;margin:0 5px 5px 0}.writing .date-header{color:#999;text-transform:uppercase;letter-spacing:.2em;margin:1.5em 0 .5em;scroll-margin-top:40px;font:700 78%/1.4 Trebuchet MS,sans-serif}.writing .post-title{color:#c60;letter-spacing:0;margin:.25em 0 0;font:140%/1.3 Georgia,serif}.writing .post-title a{color:#c60}.writing .post-body{margin:0 0 .75em;line-height:1.6em}.writing .post-body p{margin:0 0 1em}.writing .post-body h2,.writing .post-body h3,.writing .post-body h4{color:#333;letter-spacing:0;margin:1.25em 0 .5em;font:700 100%/1.6 Trebuchet MS,Trebuchet,Verdana,sans-serif}.writing .post-body ul,.writing .post-body ol{margin:0 0 1em;padding-left:1.5em}.writing .post-body li{margin-bottom:.35em}.writing .post-body blockquote{color:#666;border-left:1px dotted #ccc;margin:1em 0 1em 20px;padding:0 0 0 10px}.writing .post-body img{max-width:100%;height:auto}.writing .post-body pre{background:#f5f5f5;border:1px dotted #ccc;border-radius:0;padding:8px;font-size:11px;overflow-x:auto}.writing .post-body code{font-size:12px}.writing .post-footer{color:#999;text-transform:uppercase;letter-spacing:.1em;margin:.75em 0;font-size:78%;line-height:1.4em}.writing .post-footer a{color:#999}.writing .post-footer a:hover{color:#c60}.writing .pager{margin-top:2em}.writing .comments{border-top:1px dotted #ccc;margin-top:1.5em;padding-top:1em}.writing .comments h2{color:#333;letter-spacing:0;margin:1em 0;font:700 100%/1.6 Trebuchet MS,Trebuchet,Verdana,sans-serif}.writing .comments h3{color:#333;letter-spacing:0;margin:1.5em 0 .5em;font:700 100%/1.6 Trebuchet MS,Trebuchet,Verdana,sans-serif}.writing .comment{margin-bottom:1em}.writing .comment p{margin:0}.writing .comment-author{margin:.5em 0 0;font-weight:700}.writing .comment-form{border-top:1px dotted #ccc;margin-top:1.5em}.writing .comment-form p{margin:0 0 .75em}.writing .comment-form label{color:#999;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-size:78%;display:block}.writing .comment-form textarea,.writing .comment-form input{box-sizing:border-box;color:#333;background:#fff;border:1px solid #ccc;border-radius:0;width:100%;max-width:100%;padding:4px;font:13px/1.5 Trebuchet MS,Trebuchet,Verdana,sans-serif;display:block}.writing .comment-form input{width:200px}.writing .comment-notice{background:#fff8ee;border:1px solid #f0c080;margin-top:1em;padding:.5em .75em}.writing .comment-notice:focus{outline:1px dotted #c60}.writing .badge{color:#fff;text-align:center;white-space:nowrap;background:#f60;border:1px solid #c50;height:15px;margin-top:1em;padding:0 4px;font:700 9px/15px Arial,sans-serif;display:inline-block}.writing .badge span{color:#f60;letter-spacing:-.3px;background:#fff;margin-right:3px;padding:0 2px}.writing .footer{clear:both;text-align:center;color:#999;text-transform:uppercase;letter-spacing:.1em;width:660px;margin:0 auto;padding:15px 0;font-size:78%}@media (width<=46em){.writing .navbar{flex-wrap:wrap;height:auto;min-height:30px;padding:5px 16px}.writing .navbar form{flex:1}.writing .navbar input{flex:1;width:auto;min-width:0}.writing .navbar .decor{display:none}.writing .header,.writing .outer,.writing .main,.writing .side,.writing .footer{width:auto}.writing .header,.writing .footer{margin:0 16px}.writing .outer{flex-direction:column;padding:0 16px}.writing .side{border-top:1px solid #ccc;margin-left:0;padding-top:10px}.writing .comment-form input{width:100%}}