*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#14223a}a{text-decoration:none;color:inherit}header{height:70px;border-bottom:1px solid #e6ebf2;background:#fff;position:sticky;top:0;z-index:20}nav{display:flex;gap:28px}nav a{font-size:1rem;font-weight:600;color:#56677d}footer{background:#06162d;color:#fff;padding:40px 0}footer p{font-size:10px;color:#8fa4c0}footer small{font-size:8px;color:#6f86a3}.wrap{width:min(1000px,calc(100% - 32px));margin:auto}.narrow{width:min(880px,calc(100% - 32px));margin:auto}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem}.logo span,footer span{color:#1769df}#menu{display:none;border:1px solid #e1e7ef;background:#fff;border-radius:8px;padding:7px 10px}@media(max-width:700px){nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:16px;flex-direction:column}nav.open{display:flex}#menu{display:block}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hero{padding:55px 0 35px;background:linear-gradient(#f7faff,#fff)}.hero h1{font-size:2.2rem;line-height:1.25;margin:15px 0 0}.crumb{font-size:1rem;color:#8a98aa;margin-bottom:22px}.lead{margin-top:20px;font-size:1.2rem;color:#637287}.meta{display:flex;align-items:center;gap:18px;margin-top:25px;border-top:1px solid #e6ebf2;padding-top:20px;font-size:.9rem;color:#7d8b9e}.meta img{width:38px;height:38px;border-radius:50%}.meta div{display:flex;flex-direction:column}.meta b{color:#14223a}.cover{min-height:640px;border-radius:10px 10px 5px 5px;margin-top:20px;margin-bottom:40px;color:#fff;display:flex;align-items:center;justify-content:space-around;padding:45px;background-size:cover;background-position:top;background-repeat:no-repeat}.cover h2{font-size:40px;line-height:1.2}.cover small{color:#77a9e8}.cover pre{background:#061224;border:1px solid #24405f;border-radius:12px;padding:25px;color:#b8d7ff}@media(max-width:700px){.hero h1{font-size:30px}.meta{flex-wrap:wrap}.cover{height:280px;padding:25px}.cover h2{font-size:26px}.cover pre{font-size:8px}}.layout{display:grid;grid-template-columns:55px minmax(0,100%);gap:20px;padding:35px 0}.layout article{font-size:14px;color:#405169}.layout article h2{font-size:24px;color:#14223a;margin-top:42px;scroll-margin-top:90px}.layout blockquote{margin:28px 0;padding:17px 22px;background:#f7f9fc;border-left:4px solid #1769df;font-size:15px}.share{display:flex;flex-direction:column;gap:8px;align-items:center;position:sticky;top:95px;align-self:start}.share button{width:36px;height:36px;border:1px solid #e2e8f0;background:#fff;border-radius:50%;font-size:9px}.share small{color:#8a98aa}.right{display:flex;flex-direction:column;gap:16px}.card,.news{border:1px solid #e2e8f0;border-radius:12px;padding:18px}.card{display:flex;flex-direction:column;gap:13px}.card a{font-size:10px;border-top:1px solid #edf0f4;padding-top:12px}.intro{font-size:1rem}.author{display:flex;gap:16px;background:#f7f9fc;border-radius:13px;padding:20px;margin-top:28px}.author img{width:70px;height:70px;border-radius:50%}.author h3{margin:0}.author p{font-size:10px;margin:2px 0}.related{background:#f5f7fa;padding:25px 0 35px}.related h2{font-size:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post{background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:20px}.post>div{color:#1769df;font-size:9px}.post h3{margin-top:10px;margin-bottom:0;font-size:14px}.post p{margin-top:5px;font-size:10px;color:#718096}.tags{border-top:1px solid #e4eaf1;margin-top:38px;padding-top:22px;display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;background:#f0f4f9;padding:4px 9px;border-radius:20px}.code{position:relative;background:#071426;color:#c6dcf7;border-radius:11px;padding:20px;overflow:auto}.code button{position:absolute;right:9px;top:9px;background:#10243f;color:#aac0da;border:1px solid #29415f;border-radius:5px;font-size:9px;padding:5px 8px}.callout,.toc{background:#f6f9fd;border:1px solid #e3e9f1;border-radius:12px;padding:18px 20px;margin:25px 0}.toc li{font-size:11px;line-height:2}.callout{border-left:4px solid #1263db}.callout p{font-size:11px;margin-bottom:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#071b3a;color:#fff;padding:8px 14px;border-radius:7px;font-size:10px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.layout{grid-template-columns:45px minmax(0,720px)}.right{display:none}}@media(max-width:700px){.layout{grid-template-columns:1fr;padding-top:30px}.share{position:static;flex-direction:row;justify-content:center}.grid{grid-template-columns:1fr}}.html{padding:0 20px 35px}.html h1,.html h2,.html h3,.html h4,.html h5,.html h6,.html p{margin:0 0 5px!important;font-weight:200;color:#14223a;line-height:1.5}.html h1{font-size:2.4rem!important;font-family:Kanit,sans-serif!important}.html h2{font-size:2.2rem!important;font-family:Kanit,sans-serif!important}.html h3{font-size:1.8rem!important;font-family:Kanit,sans-serif!important}.html h4{font-size:1.5rem!important;font-family:Kanit,sans-serif!important}.html h5{font-size:1.2rem!important;font-family:Kanit,sans-serif!important}.html p{font-size:1.2rem!important;font-family:Athiti,sans-serif!important;color:#14223a}.html img{max-width:100%}