:root{--primary: #f5f3f3;--secondary: #0A0B5B}body,p,a,ul,li{margin:0;padding:0;text-decoration:none;font-family:Noto Sans Variable,sans-serif}li{list-style-type:none;float:left}body{background:var(--primary);overflow-x:hidden;background-color:#fff}h1,h3{font-size:1.2em;color:#000;font-weight:700}h2,h4{color:#000;font-weight:700}@font-face{font-family:Noto Sans Variable,sans-serif;src:url(https://cdn.jsdelivr.net/fontsource/fonts/noto-sans:vf@latest/latin-wght-normal.woff2) format("woff2-variations")}.site-header{background:#343f61;padding:.5rem 1rem;color:#fff;margin-bottom:15px}.container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.logo a{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.menu-toggle{font-size:2rem;color:#fff;background:none;border:none;cursor:pointer}.nav-links{list-style:none;flex-direction:column;display:none;position:absolute;top:100%;right:0;background:#fff;color:#000;width:200px;box-shadow:0 2px 8px #0000001a;padding:1rem;z-index:100}.nav-links li a{color:#000;text-decoration:none;padding:.5rem 0;display:block}.nav-links.open{display:flex}#content{border-bottom:2px solid #ccc;padding-bottom:10px}#content .grid-content{padding-bottom:15px}.grid{display:grid;grid-template-columns:repeat(8,1fr)}.grid-container{display:grid;grid-template-columns:1fr;gap:1rem}.site-nav ul{display:none}.site-nav h1{grid-column:1/4;grid-row:1;font-weight:900}.post-img{grid-column:1/9;padding-bottom:5px}.post-img img{width:100%;border-radius:10px}.posts-title{grid-column:1/9;grid-row:2}.posts-title h3{display:block;margin:0;padding-bottom:5px;font-size:18px}span{font-size:12px;padding-bottom:5px}.posts-title .description{font-size:13px;line-height:1.2em}#silebar h3{font-size:17px;margin:0}.list-post{grid-column:1 / 9;font-size:1.5em;margin-bottom:20px;color:#333}#silebar ul{padding-top:10px;grid-column:1 / 9}#silebar ul li{padding-bottom:15px}.list-img{overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a}.list-img img{width:100%;height:100%;border-radius:10px}.post-title{margin:0;padding:5px}main{flex:1;padding:0 15px}footer{border-top:2px solid #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 0;margin-top:auto}footer .grid{display:flex;flex-direction:column;align-items:center;gap:20px}footer .copyright{grid-column:1/9;text-align:center}footer ul{list-style:none;padding:0;margin:0;display:flex;gap:15px}footer ul li a{text-decoration:none;color:#000}footer ul li a:hover{color:#007bff}.detail-title h1{font-size:23px;padding:0 0 10px;margin:0}.detail-infor{font-size:13px;color:#777;padding-bottom:10px}.post-body iframe,.post-body video{max-width:100%;height:auto;display:block;margin:1rem 0}.post-body{overflow-wrap:break-word;word-break:break-word;font-size:1rem;line-height:1.75}.post-body h1,.post-body h2,.post-body h3,.post-body h4{display:block!important;font-weight:700;line-height:1.3;margin:1.2em 0 .6em;color:#111;font-size:inherit!important}.post-body h1{font-size:2em}.post-body h2{font-size:1.75em}.post-body h3{font-size:1.5em}.post-body h4{font-size:1.25em}.post-body img{-o-object-fit:contain!important;object-fit:contain!important;height:auto!important;width:auto!important;max-width:100%}.post-body p{margin-bottom:1rem}.section-title{padding-bottom:10px}.related-item{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .3s;margin-bottom:1rem}.related-title{padding:.5rem;font-size:1rem;font-weight:500;line-height:1.4}@media(min-width:768px){.post-body{font-size:1.1rem}}@media screen and (min-width:960px){body{font-size:18px;width:100%;max-width:1060px;margin:0 auto;box-sizing:border-box}.site-nav{margin:0}.site-nav h1{grid-column:1/3;font-size:30px;margin:0;padding:10px 0}.site-nav ul{display:flex;grid-column:6/9;justify-content:flex-end;align-self:center}.site-nav ul li{margin-left:15px;font-weight:700;font-size:14px}.grid-container{grid-template-columns:2fr 1fr}.grid-content{display:grid;grid-template-columns:repeat(8,1fr);padding-bottom:15px}#content{grid-column:1 / 2;border:none}.post-img{grid-column:1/5;gap:1rem}.post-img img{width:100%;border-radius:10px}.posts-title{grid-column:5/9;grid-row:1;margin-left:15px}.posts-title h3{display:block;margin:0;padding-bottom:5px;font-size:18px}span{font-size:12px;padding-bottom:5px}.posts-title .description{font-size:13px;line-height:1.2em}#silebar{grid-column:2 / 3;grid-row:1}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:10px}.related-item{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .3s}.related-item:hover{box-shadow:0 4px 12px #0000001a}.related-img{display:block;width:100%;height:auto;aspect-ratio:auto;-o-object-fit:contain;object-fit:contain}.related-title{padding:.5rem;font-size:1rem;font-weight:500;line-height:1.4}.section-title{padding-bottom:10px}.menu-toggle{display:none}.nav-links{display:flex!important;flex-direction:row;position:static;background:none;color:#fff;width:auto;padding:0;box-shadow:none;gap:1.5rem}.nav-links li a{color:#fff;padding:0}}@media screen and (min-width:1200px){.detail-title h1{font-size:28px}.post-title{font-size:.8rem}.content-date{padding-bottom:10px}.content-date span{color:#777;font-size:.85rem}.content-description p{color:#444;font-size:.9rem;line-height:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.related-item{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .3s}.related-item:hover{box-shadow:0 4px 12px #0000001a}.related-img{display:block;width:100%;height:auto;aspect-ratio:auto;-o-object-fit:contain;object-fit:contain}.related-title{padding:.5rem;font-size:1rem;font-weight:500;line-height:1.4}.section-title{padding-bottom:10px}.full-width-ad{grid-column:1 / -1;width:100%;display:flex;justify-content:center;padding:1rem 0}}