.blog-shell{--blog-brown-900: #3A261D;--blog-brown-700: #63483D;--blog-taupe: #917E70;--blog-blue-200: #B2C1D4;--blog-blue-500: #777B94;--blog-blue-700: #535674;--primary: var(--blog-blue-700);--primary-deep: var(--blog-brown-900);--primary-muted: var(--blog-blue-200);--primary-light: #eef3f9;--surface: #fffaf6;--surface-alt: #f0e7df;--border: #d8c9bf;--divider: #cbb8ad;--text-primary: var(--blog-brown-900);--text-secondary: var(--blog-brown-700);--text-tertiary: var(--blog-taupe);--shadow-sm: 0 10px 24px rgba(58, 38, 29, .08);--shadow-md: 0 22px 55px rgba(58, 38, 29, .13);max-width:var(--content-max);margin:0 auto;padding:42px 20px 72px}.blog-hero{min-height:310px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:56px 34px 34px;border:1px solid var(--divider);border-radius:8px;background:linear-gradient(90deg,rgba(58,38,29,.09) 1px,transparent 1px) right / 10px 100% no-repeat,radial-gradient(circle at 82% 18%,rgba(178,193,212,.8),transparent 28%),linear-gradient(135deg,#fffaf6,#f0e7df 48%,#dfcbc0);box-shadow:0 24px 70px #3a261d1c}.blog-kicker{margin:0 0 12px;color:var(--primary-deep);font-size:13px;font-weight:900}.blog-hero h1{max-width:860px;margin:0;color:var(--text-primary);font-size:clamp(42px,7vw,86px);line-height:.98;font-weight:950;letter-spacing:0;word-break:keep-all}.blog-hero p:not(.blog-kicker){max-width:680px;margin:22px 0 0;color:var(--text-secondary);font-size:18px;line-height:1.7}.blog-write{min-width:132px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;background:var(--primary);color:#fff;font-weight:900;text-decoration:none;box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 22%,transparent)}.blog-write:hover{text-decoration:none;background:var(--primary-deep)}.blog-controls{position:sticky;top:98px;z-index:3;display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:14px;align-items:center;padding:16px 0;background:#fffaf6e6;backdrop-filter:blur(14px)}.blog-search{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-tertiary)}.blog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:14px}.blog-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.blog-tabs::-webkit-scrollbar{display:none}.blog-tab{flex:0 0 auto;min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:800;cursor:pointer}.blog-tab.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:22px 0 16px}.section-heading h2{margin:0;color:var(--text-primary);font-size:22px;font-weight:950}.section-heading span{color:var(--text-tertiary);font-size:13px;font-weight:750}.blog-featured{min-height:210px}.featured-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);gap:26px;padding:30px;border:1px solid var(--primary-muted);border-radius:8px;background:linear-gradient(90deg,rgba(58,38,29,.08) 1px,transparent 1px) right / 9px 100% no-repeat,radial-gradient(circle at 90% 0,rgba(178,193,212,.64),transparent 34%),var(--surface);color:inherit;text-decoration:none;box-shadow:var(--shadow-md)}.featured-card:hover{text-decoration:none;border-color:var(--primary)}.featured-copy{min-width:0}.post-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.post-cat,.post-ai{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:900}.post-cat{background:var(--primary-light);color:var(--primary-deep)}.post-ai{background:#fff4d6;color:#7a4a00;border:1px solid #f3c870}.featured-card h3{margin:0;color:var(--text-primary);font-size:clamp(28px,4vw,48px);line-height:1.08;font-weight:950;letter-spacing:0;word-break:keep-all}.featured-card p{margin:16px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.7}.post-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px;color:var(--text-tertiary);font-size:13px;font-weight:650}.featured-visual{display:grid;place-items:center;min-height:210px;border-radius:8px;background:linear-gradient(135deg,rgba(83,86,116,.24),transparent),linear-gradient(180deg,var(--blog-blue-200),var(--surface-alt));border:1px solid var(--border)}.featured-visual span{font-size:clamp(58px,9vw,112px);line-height:1}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-card{min-height:250px;display:flex;flex-direction:column;padding:20px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,rgba(178,193,212,.11),transparent 42%),var(--surface);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .15s,border-color .15s,box-shadow .15s}.blog-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 34%,var(--border));box-shadow:var(--shadow-md);text-decoration:none}.blog-card .post-eyebrow{margin-bottom:14px}.blog-emoji{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:var(--surface-alt);font-size:25px;margin-bottom:14px}.blog-card h3{margin:0;color:var(--text-primary);font-size:20px;line-height:1.28;font-weight:900;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card p{margin:11px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card .post-meta{margin-top:auto;padding-top:18px}.blog-loading,.blog-empty{grid-column:1 / -1;margin:0;padding:54px 20px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);text-align:center}.blog-empty a{display:inline-flex;align-items:center;min-height:40px;margin-top:14px;padding:0 18px;border-radius:999px;background:var(--primary);color:#fff;font-weight:850;text-decoration:none}.blog-pack{max-width:var(--content-max);margin:0 auto;padding:0 20px 64px}@media (max-width: 920px){.blog-hero,.blog-controls,.featured-card,.blog-grid{grid-template-columns:1fr}.blog-controls{position:static}}@media (max-width: 560px){.blog-shell{padding-inline:16px}.blog-hero{min-height:0;padding-top:34px}.blog-hero h1{font-size:38px}.blog-hero p:not(.blog-kicker){font-size:15px}.featured-card{padding:20px}}