:root{--blog-font-sm: clamp(15.2px, 14.4px + .2vw, 16.8px);--blog-font-md: clamp(18.4px, 16.8px + .35vw, 21.6px);--blog-font-lg: clamp(28.8px, 22.4px + 1vw, 41.6px);--blog-bg: #f5fbff;--blog-card-bg: #ffffff;--blog-card-shadow: 0 12px 30px rgba(15, 80, 150, .08);--blog-border: #e0ecf7;--blog-accent: #00b187;--blog-sidebar-bg: #e4f2ff;--blog-text-dark: #0f172a;--blog-text-dim: #4c6073;--blog-radius: 22px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Instrument Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--blog-bg);color:var(--blog-text-dark);font-size:var(--blog-font-sm);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.blog-page{min-height:100vh;display:flex;flex-direction:column}.blog-shell{width:min(1200px,96%);margin:0 auto;padding:4rem 0 5rem;flex:1}.blog-header{text-align:center;margin-bottom:3rem;margin-top:3rem}.blog-header h1{font-size:clamp(1.875rem,1.6rem + .7vw,2.25rem);font-weight:700;color:var(--blog-text-dark);letter-spacing:-.01em;line-height:1.2;margin-bottom:.75rem}.blog-header p{font-size:var(--blog-font-md);color:var(--blog-text-dim);margin:0}.blog-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:2rem}.blog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.blog-card{background:var(--blog-card-bg);border-radius:var(--blog-radius);box-shadow:var(--blog-card-shadow);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(15,80,150,.05);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0f50961f}.blog-card__image{width:100%;height:200px;overflow:hidden}.blog-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card__body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.blog-card__meta{font-size:var(--blog-font-sm);color:var(--blog-accent);font-weight:600}.blog-card__title{font-size:var(--blog-font-md);font-weight:700;line-height:1.3}.blog-card__excerpt{font-size:var(--blog-font-sm);color:var(--blog-text-dim);margin-bottom:.5rem}.blog-card__link{font-size:var(--blog-font-sm);font-weight:600;color:var(--blog-accent)}.blog-sidebar{background:var(--blog-sidebar-bg);border-radius:calc(var(--blog-radius) * .8);padding:1.5rem;box-shadow:0 10px 25px #3f75a726;border:1px solid rgba(63,117,167,.2);display:flex;flex-direction:column;gap:2rem}.sidebar-section h3{font-size:var(--blog-font-md);margin-bottom:1rem}.sidebar-list{display:flex;flex-direction:column;gap:1rem}.sidebar-item{display:flex;gap:.8rem;font-size:var(--blog-font-sm)}.sidebar-item img{width:70px;height:70px;border-radius:14px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.sidebar-item__date{font-size:var(--blog-font-sm);color:var(--blog-text-dim);font-weight:600}.sidebar-item__title{font-size:var(--blog-font-sm);font-weight:600;line-height:1.4}.blog-pagination{margin-top:2.5rem;display:flex;justify-content:center}.blog-pager{display:inline-flex;align-items:center;gap:1rem;background:#fff;padding:.6rem 1.2rem;border-radius:999px;box-shadow:0 12px 30px #0f509614;border:1px solid rgba(15,80,150,.08)}.blog-pager__button{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:600;color:#0f172a;background:#e4f2ff;transition:transform .15s ease,background .15s ease}.blog-pager__button:hover{transform:translateY(-2px);background:#d0e5ff}.blog-pager__button--disabled{opacity:.4;pointer-events:none}.blog-pager__pages{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--blog-font-sm)}.blog-pager__page{min-width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem;color:var(--blog-text-dark);font-weight:600;transition:background .15s ease,color .15s ease}.blog-pager__page:hover{background:#00b1871f;color:var(--blog-accent)}.blog-pager__page--active{background:var(--blog-accent);color:#fff;box-shadow:0 6px 16px #00b18759}.blog-pager__ellipsis{color:var(--blog-text-dim);font-weight:600}.blog-article{max-width:780px;margin:0 auto;background:#fff;border-radius:var(--blog-radius);padding:3.5rem 2.5rem 2rem;box-shadow:var(--blog-card-shadow);border:1px solid rgba(15,80,150,.05)}.blog-article__back{margin-bottom:1rem;font-size:var(--blog-font-sm)}.blog-article__back a{color:var(--blog-accent);font-weight:600}.blog-share{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.75rem 1rem;border:1px solid rgba(15,80,150,.12);border-radius:calc(var(--blog-radius) * .5);background:#f8fbff}.blog-share__label{font-weight:600;font-size:var(--blog-font-sm)}.blog-share__actions{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center}.blog-share__btn{border:none;border-radius:999px;cursor:pointer;background:#e6edf9;color:var(--blog-text-dark);transition:transform .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;padding:.4rem;width:36px;height:36px}.blog-share__btn svg{width:18px;height:18px;fill:currentColor}.blog-share__btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f50962e}.blog-share__btn--outline{background:#dbe3f4}.blog-share__btn--hidden{display:none}.blog-share__icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:#e6edf9;color:var(--blog-text-dark);transition:transform .15s ease,background .15s ease}.blog-share__icon:hover{transform:translateY(-1px);background:#dbe3f4}.blog-share__status{font-size:var(--blog-font-sm);color:var(--blog-accent);opacity:0;transition:opacity .2s ease}.blog-share__status--visible{opacity:1}.blog-share__status--error{color:#d92d20}.blog-article h1,.blog-article h2,.blog-article h3{font-size:var(--blog-font-md);margin-top:1.8rem;margin-bottom:.8rem}.blog-article h1{font-size:var(--blog-font-lg);margin-top:0}.blog-article p,.blog-article li{font-size:var(--blog-font-sm);color:var(--blog-text-dim)}.blog-article img{border-radius:calc(var(--blog-radius) * .6);margin:1.5rem 0;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.blog-meta{font-size:var(--blog-font-sm);color:var(--blog-text-dim);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.blog-related{margin-top:3rem}.blog-related h3{font-size:var(--blog-font-md);margin-bottom:1.5rem;text-align:center}.blog-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.blog-related__card{background:#fff;border-radius:calc(var(--blog-radius) * .6);padding:1.25rem;box-shadow:0 12px 28px #0f509614;border:1px solid rgba(15,80,150,.1)}.blog-related__image{width:100%;height:140px;border-radius:calc(var(--blog-radius) * .6);overflow:hidden;margin-bottom:.9rem}.blog-related__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.blog-footer{background:#0f172a;color:#d6e4ff;text-align:center;padding:2rem 1rem;font-size:var(--blog-font-sm)}.blog-footer a{color:var(--blog-accent)}@media (max-width: 960px){.blog-grid{grid-template-columns:1fr}.blog-sidebar{order:-1}}