*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:sans-serif;background:#ffffff;color:#333;line-height:1.7;font-size:19px}header{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #eee;z-index:100;padding:20px 0}.nav-content{max-width:1000px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.2rem;font-weight:600;color:#111;text-decoration:none}.nav-links{display:flex;gap:35px}.nav-links a{color:#666;text-decoration:none;font-size:0.9rem;transition:color 0.2s}.nav-links a:hover{color:#059669}main{max-width:1000px}article{max-width:868px}main,article{margin:30px auto;padding:80px 20px 0px 20px}img{display:block;max-width:100%;margin:0px auto;height:auto!important}p{margin:20px 0}table{width:100%;border-collapse:collapse;margin:30px 0}table,th,td{border:1px solid #ccc}th,td{padding:10px;text-align:left}ul,ol{margin:20px 0px 20px 20px}li{margin-bottom:10px}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:700;margin:10px 0;line-height:1.25}h1,.h1{font-size:1.88em;letter-spacing:-2px}h2,.h2{font-size:1.66em;letter-spacing:-2px}h3,.h3{font-size:1.44em;letter-spacing:-1px}h4,.h4{font-size:1.33em;letter-spacing:-1px}h5,.h5{font-size:1.22em}h6,.h6{font-size:1.11em}a{color:#0073e6}a:hover{color:#059669}footer{margin-top:50px;padding:20px;text-align:center;font-size:14px;color:#777;border-top:1px solid #eee}footer a{color:#777}details{margin:20px 0;border-bottom:1px solid #e0e0e0}details[open]{padding-bottom:15px}summary{padding:10px 0;cursor:pointer;list-style:none;position:relative;color:#2c3e50;transition:color 0.2s ease;user-select:none;font-weight:700}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;font-size:20px;color:#999;transition:transform 0.3s ease,color 0.2s ease}details[open] summary::after{transform:rotate(45deg)}summary:hover{color:#f60}summary:hover::after{color:#f60}details p{color:#666;animation:fadeIn 0.3s ease}details ul{padding:10px 0 10px 20px;color:#666;animation:fadeIn 0.3s ease}details li{margin:8px 0}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}blockquote{border-left:3px solid #555;padding-left:20px;margin:20px 0;color:#555;font-weight:700}code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:0.9em}@media (max-width:768px){header{padding:15px 0}.nav-content{padding:0 20px}.nav-links{gap:20px}}.cb-grid{display:block;overflow:hidden}.cb-grid::before,.cb-grid::after{content:" ";display:table}.cb-grid::after{clear:both}.cb-grid .entry{border:1px solid #E7EBED;border-radius:5px;margin-bottom:0;padding:40px;transition:all 0.2s ease-in-out;float:left;margin:0.5%;width:32.3%;box-sizing:border-box}.cb-grid .entry:nth-child(4){clear:left}.cb-grid .entry:hover{box-shadow:0 3px 20px 0 rgba(84,110,122,0.1);transform:translateY(-1px)}.cb-grid .entry-title{font-size:20px;font-size:1.25rem;letter-spacing:-0.5px;line-height:1.45;margin-bottom:0;font-weight:700}.cb-grid .entry-title a{color:#11171A;text-decoration:none}.cb-grid .entry-title a:hover{color:#059669}.cb-grid .entry-header{margin-bottom:0}.cb-grid .featured-left{border:none;margin:1%;width:64.6%;padding-right:100px;padding-top:60px;padding-bottom:60px}.cb-grid .featured-right{border:none;margin:1%;width:64.6%;padding-left:100px;padding-top:60px;padding-bottom:60px}.cb-grid .featured-left:hover,.cb-grid .featured-right:hover{box-shadow:none;transform:none}.cb-grid .featured-left .entry-title,.cb-grid .featured-right .entry-title{font-size:32px;font-size:2rem;letter-spacing:-1px;line-height:1.05;margin-bottom:0}.cb-grid .entry-content{font-size:15px;line-height:1.6;color:#546E7A;margin-top:15px}.cb-grid .entry-content p{margin:0}@supports(grid-area:auto){.cb-grid .entry,.cb-grid .featured-left,.cb-grid .featured-right{float:none;height:auto !important;margin:0;width:100%}.cb-grid{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:"featured-left featured-left ." "featured-left featured-left ." ". . ." ". featured-right featured-right" ". featured-right featured-right"}.cb-grid:before,.cb-grid:after{display:none}.cb-grid .featured-left{grid-area:featured-left}.cb-grid .featured-right{grid-area:featured-right}}@media only screen and (max-width:960px){.cb-grid .entry{padding:20px}.cb-grid .entry-title{line-height:1.2}}@media only screen and (max-width:800px){.cb-grid .entry{float:none;margin-bottom:10px;width:100%}@supports(grid-area:auto){.cb-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"featured-left featured-left" ". ." ". ." ". ." "featured-right featured-right"}.cb-grid .featured-left,.cb-grid .featured-right{margin:20px 0}}}@media only screen and (max-width:600px){.cb-grid{display:block}.cb-grid .entry{margin-bottom:20px}.cb-grid .featured-left,.cb-grid .featured-right{padding:0;margin:30px 0}}.link{margin:30px auto;font-weight:700;clear:both;color:#333;text-decoration:none;text-align:center;display:table;border-bottom:1px solid}.clearfix::before,.clearfix::after{content:" ";display:table}.clearfix::after{clear:both}.tt-archives{margin-top:40px}.tt-archives h3{font-size:28px;font-weight:700;margin-bottom:20px;margin-top:40px;color:#333}.archive-post{list-style:none;padding:0;margin:0 0 30px 0}.archive-post li{padding:12px 0;border-bottom:1px solid #eee;display:flex;align-items:baseline}.archive-post li:last-child{border-bottom:none}.ap--date{display:inline-block;font-weight:600;color:#666;font-size:17px;margin-right:15px;flex-shrink:0;line-height:1.5}.archive-post a{color:#2271b1;text-decoration:none;flex:1;line-height:1.5;margin:0;padding:0}.archive-post a:hover{text-decoration:underline;color:#059669}.post-list {list-style:none!important;margin-left: 0!important;}.post-list li{padding:8px 0;border-bottom:1px dotted #ddd}.post-list li:last-child{border-bottom:none}.post-list li a{color:#06c;text-decoration:none;font-size:17px;display:block}.post-list li a:hover{text-decoration:underline;color:#059669}.post-list li a::before{content:"▸ ";color:#666;margin-right:5px}.hero {margin: 0 auto;padding: 3.4rem 1.5rem 5.5rem;text-align: center;}.hero h1 {font-size: clamp(2.3rem, 8vw, 3.5rem);line-height: 1.2;margin-bottom: 1.5rem;font-weight: 700;color: #1a202c;}.hero p {font-size: clamp(1rem, 2vw, 1.2rem);color: #64748b;margin-bottom: 2rem;max-width: 700px;margin-left: auto;margin-right: auto;}.cta{display:table;padding:1rem 2.5rem;margin:0 auto;background:#059669;color:#fff;text-decoration:none;border-radius:35px;font-weight:700;font-size:1rem;transition:all 0.3s;box-shadow:0 8px 25px rgb(99 102 241 / .4)}.cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgb(99 102 241 / .5);background: #10b981;color:#fff;}.bong{box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);border-radius: 12px;border:1px solid #999}