.blog-page{--mint: #34d399;--emerald: #10b981;--emerald-deep: #047857;--bg-base: #f7fcf9;--bg-soft: #ecfdf5;--ink: #06281d;--text: #1f2937;--text-soft: #4b5563;--line: rgba(6, 40, 29, .1);--radius-lg: 30px;--radius-md: 16px;--shadow-soft: 0 22px 54px rgba(5, 150, 105, .12);--blog-max-width: 1320px;--blog-inline: clamp(1rem, 3vw, 2.75rem);min-height:calc(100vh - 4rem);background:radial-gradient(1200px 520px at 20% -10%,rgba(52,211,153,.14),transparent 60%),radial-gradient(900px 460px at 95% 5%,rgba(16,185,129,.12),transparent 58%),var(--bg-base)}.blog-shell{width:min(var(--blog-max-width),calc(100% - (var(--blog-inline) * 2)));margin-inline:auto}.blog-hero{padding-block:clamp(2.2rem,5vw,4.2rem) clamp(1rem,2vw,1.8rem)}.blog-hero-panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(145deg,#fffffff0,#ecfdf5e0);padding:clamp(1.3rem,3vw,2.2rem);box-shadow:var(--shadow-soft)}.blog-eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:999px;background:linear-gradient(135deg,#10b98129,#34d39938);border:1px solid rgba(16,185,129,.22);color:var(--emerald-deep);font-size:.8rem;letter-spacing:.03em;font-weight:700}.blog-hero h1{margin-top:.9rem;font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink);font-weight:850}.blog-hero p{margin-top:.85rem;max-width:64ch;color:var(--text-soft);line-height:1.85}.blog-list{padding-bottom:clamp(2.6rem,6vw,4.4rem)}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.blog-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;color:inherit;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #10b98129;border-color:#10b98142}.blog-card-body{display:flex;flex:1;flex-direction:column;min-height:198px;padding:1.05rem 1rem 1rem}.blog-card-meta{margin-top:0;font-size:.82rem;color:#047857;font-weight:600}.blog-card-title{margin-top:.55rem;color:var(--ink);font-size:1.08rem;line-height:1.45;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.blog-card-excerpt{margin-top:.5rem;color:var(--text-soft);font-size:.92rem;line-height:1.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.44em}.blog-tag-row{margin-top:.72rem;display:flex;flex-wrap:wrap;gap:.45rem}.blog-tag{display:inline-flex;align-items:center;padding:.24rem .65rem;border-radius:999px;background:#ecfdf5;border:1px solid rgba(16,185,129,.24);color:#065f46;font-size:.74rem;font-weight:600}.blog-read{margin-top:auto;padding-top:.72rem;display:inline-flex;align-items:center;color:#047857;font-size:.84rem;font-weight:700}.blog-empty{border-radius:18px;border:1px dashed rgba(16,185,129,.42);padding:1.2rem;background:#ffffffbf;color:#065f46}.blog-post{padding-top:clamp(1.7rem,4vw,3rem);padding-bottom:clamp(2.6rem,6vw,4.4rem)}.blog-back-link{display:inline-flex;align-items:center;color:#047857;text-decoration:none;font-size:.9rem;font-weight:700}.blog-article-card{margin-top:.9rem;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfffd);box-shadow:var(--shadow-soft);overflow:hidden}.blog-article-cover{height:clamp(170px,28vw,260px);position:relative;overflow:hidden}.blog-article-cover img{width:100%;height:100%;display:block;object-fit:cover}.blog-article-head{padding:clamp(1rem,3vw,1.6rem);border-bottom:1px solid rgba(6,40,29,.08)}.blog-article-head h1{font-size:clamp(1.55rem,4.2vw,2.5rem);line-height:1.2;color:var(--ink);letter-spacing:-.01em;font-weight:850}.blog-article-head p{margin-top:.85rem;color:var(--text-soft);line-height:1.8}.blog-article-meta{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.8rem;color:#047857;font-size:.84rem;font-weight:600}.blog-content{padding:clamp(1rem,3vw,1.6rem);color:var(--text);font-size:1rem;line-height:1.9}.blog-content h2,.blog-content h3{margin-top:1.5rem;margin-bottom:.4rem;color:var(--ink);line-height:1.35;font-weight:800}.blog-content h2{font-size:1.3rem}.blog-content h3{font-size:1.12rem}.blog-content p{margin-top:.6rem;color:var(--text)}.blog-content img{display:block;max-width:min(100%,900px);width:auto;height:auto;margin:1rem auto;border-radius:14px;border:1px solid rgba(6,40,29,.1);background:#f8fafc}.blog-content ul,.blog-content ol{margin-top:.72rem;padding-left:1.25rem}.blog-content li+li{margin-top:.35rem}.blog-content blockquote{margin-top:.9rem;border-left:4px solid rgba(16,185,129,.36);padding:.65rem .85rem;background:#ecfdf5b8;color:#065f46;border-radius:0 10px 10px 0}.blog-content a{color:#047857;text-decoration:underline;text-decoration-color:#04785766}.blog-content code{background:#06281d12;border-radius:6px;padding:.08rem .35rem;font-size:.92em}.blog-content pre{margin-top:.8rem;background:#0f172a;color:#e2e8f0;padding:.9rem;border-radius:12px;overflow-x:auto}.blog-content pre code{background:transparent;padding:0}.blog-related{margin-top:1.1rem}.blog-related h2{color:var(--ink);font-size:1.05rem;font-weight:800}.blog-related-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.blog-related-card{border-radius:14px;border:1px solid var(--line);background:#fff;padding:.8rem;text-decoration:none;color:inherit}.blog-related-card:hover{border-color:#10b98152;box-shadow:0 12px 24px #10b9811f}.blog-related-card strong{display:block;color:var(--ink);line-height:1.42}.blog-related-card span{margin-top:.45rem;display:block;color:var(--text-soft);font-size:.85rem;line-height:1.65}.home-footer{border-top:1px solid var(--line);background:#fff}.home-footer-wrap{width:min(1320px,calc(100% - 2rem));margin-inline:auto;padding:2.3rem 0 1.4rem}.home-footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.home-footer-brand{display:flex;align-items:center;gap:.65rem}.home-footer-brand strong{color:var(--ink)}.home-footer-links{display:flex;flex-wrap:wrap;gap:.8rem 1.15rem}.home-footer-links a{color:#065f46;text-decoration:none;font-size:.92rem}.home-footer-bottom{margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(6,40,29,.08);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.84rem;color:#6b7280}@media(max-width:960px){.blog-grid,.blog-related-grid{grid-template-columns:1fr}}@media(max-width:640px){.blog-hero h1{font-size:clamp(1.65rem,9vw,2.2rem)}.home-footer-bottom{flex-direction:column}}