.ucpi-layout{display:flex;align-items:flex-start;max-width:1200px;min-height:70vh}.ucpi-sidebar{flex-grow:1;-webkit-box-flex:1;width:200px;text-align:right;top:0;align-self:flex-start}.toc,.ucpi-sidebar{position:-webkit-sticky;position:sticky}.toc{top:100px;left:0;padding-top:100px}.toc ul{list-style:none!important;padding-left:0}.toc ul li:before{content:""!important}.toc ul li a{color:rgb(143,143,143);font-weight:600}.ucpi-main{flex:1 1;margin:0 auto;background:none;padding:0 1rem;box-sizing:border-box}.ucpi-main h1,.ucpi-main h2,.ucpi-main h3{margin-top:2rem;margin-bottom:1rem;font-weight:700}.ucpi-main p{font-size:1.13rem;line-height:1.7;margin-bottom:1.2rem}.ucpi-main table{width:100%;border-collapse:collapse;margin:1.5rem 0;box-sizing:border-box;display:table;table-layout:auto}.ucpi-main td,.ucpi-main th{border:1px solid #ddd;padding:.6em 1em;text-align:left;box-sizing:border-box}.ucpi-main th{background:#f5f5f5;font-weight:600}.ucpi-main tr:nth-child(2n){background-color:#f9f9f9}.ucpi-main tr:hover{background-color:#f1f1f1}.toc-drawer-btn,.toc-drawer-close{display:none}@media (max-width:900px){.main:has(.ucpi-layout){padding:0!important}.ucpi-layout{flex-direction:column;max-width:80vw;padding:0!important}.toc{align-self:stretch!important;padding-top:0!important;text-align:left!important;width:100%!important}.toc-drawer-btn{display:block;position:fixed!important;top:180px;right:20px;width:30px;height:40px;z-index:1001;background:#fff!important;border:1px solid #eee;border-radius:4px;font-size:1.5em;box-shadow:0 2px 8px rgba(0,0,0,.06)}.toc{display:none}.toc.toc-drawer-open{display:block;position:fixed;top:100px;left:0;height:100vh;z-index:800;overflow-y:auto;transition:transform .2s}.toc-drawer-close{display:block;position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#888;cursor:pointer}.toc ul{box-shadow:0 2px 8px rgba(0,0,0,.06);background:white;width:100%;padding:.5rem 2rem;position:relative;top:40px;margin:0}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-top:20px;margin-bottom:40px}.blog-card{border:1px solid #eaeaea;border-radius:8px;padding:20px;transition:all .2s ease;background:white;text-decoration:none!important;display:flex;flex-direction:column;height:100%;box-sizing:border-box;text-align:center}.blog-card:hover{border-color:#0070f3;box-shadow:0 4px 14px rgba(0,0,0,.1);transform:translateY(-2px)}.blog-card h4{margin:0 0 8px!important;font-size:1.1rem;font-weight:600;color:#111;line-height:1.4}.blog-card .author{font-size:.85rem;color:#888;margin-bottom:12px;font-weight:400;font-style:italic}.blog-card .desc{font-size:.9rem;color:#444;line-height:1.6}