.blog-root{min-height:100vh;background:var(--p-color-bg);font-family:var(--p-font-family-sans);padding-top:61px}.blog-page{max-width:1100px;margin:0 auto;padding:var(--p-space-1200) var(--p-space-800) var(--p-space-2000)}.blog-header{margin-bottom:var(--p-space-1000)}.blog-eyebrow{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--p-color-text-secondary);margin-bottom:var(--p-space-200)}.blog-title{font-size:32px;font-weight:700;letter-spacing:-.5px;color:var(--p-color-text);margin:0 0 var(--p-space-300);line-height:1.2}.blog-subtitle{font-size:16px;color:var(--p-color-text-secondary);line-height:1.6;max-width:56ch;margin:0}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--p-space-500);gap:var(--p-space-500)}.post-card{background:var(--p-color-bg-surface);border-radius:var(--p-border-radius-300);box-shadow:var(--p-shadow-100),var(--p-shadow-border-inset);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow var(--p-motion-duration-150) var(--p-motion-ease)}.post-card:hover{box-shadow:var(--p-shadow-200),var(--p-shadow-border-inset)}.post-card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--p-color-bg-fill-secondary),var(--p-color-bg-fill-tertiary));flex-shrink:0}.post-card-thumb--1{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-indigo) 13%,transparent),color-mix(in srgb,var(--brand-indigo) 33%,transparent))}.article-thumb--custom,.post-card-thumb:has(svg){background:none;overflow:hidden}.post-card-thumb:has(svg) svg{padding:0 var(--p-space-500)}.post-card-body{padding:var(--p-space-400) var(--p-space-500) var(--p-space-500);display:flex;flex-direction:column;flex:1 1}.post-card-meta{display:flex;align-items:center;gap:var(--p-space-200);margin-bottom:var(--p-space-200)}.post-card-category{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--p-color-text-secondary);background:var(--p-color-bg-fill-secondary);border-radius:var(--p-border-radius-100);padding:2px var(--p-space-200)}.post-card-date{font-size:12px;color:var(--p-color-text-secondary)}.post-card-title{font-size:16px;font-weight:650;color:var(--p-color-text);line-height:1.4;margin:0 0 var(--p-space-200);letter-spacing:-.1px}.post-card-excerpt{font-size:13px;color:var(--p-color-text-secondary);line-height:1.6;margin:0 0 var(--p-space-400);flex:1 1}.post-card-read{font-size:12px;font-weight:650;color:var(--p-color-text-link);display:flex;align-items:center;gap:var(--p-space-100)}.article-page{max-width:720px;margin:0 auto;padding:var(--p-space-1000) var(--p-space-800) var(--p-space-2000)}.article-breadcrumb{display:flex;align-items:center;gap:var(--p-space-150);font-size:13px;color:var(--p-color-text-secondary);margin-bottom:var(--p-space-800)}.article-breadcrumb a{color:var(--p-color-text-secondary);text-decoration:none}.article-breadcrumb a:hover{color:var(--p-color-text)}.article-breadcrumb-sep{opacity:.4}.article-category{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--p-color-text-secondary);margin-bottom:var(--p-space-200)}.article-title{font-size:36px;font-weight:700;letter-spacing:-.6px;color:var(--p-color-text);line-height:1.15;margin:0 0 var(--p-space-400)}.article-meta{display:flex;align-items:center;gap:var(--p-space-300);font-size:13px;color:var(--p-color-text-secondary);padding-bottom:var(--p-space-600);border-bottom:1px solid var(--p-color-border-tertiary);margin-bottom:var(--p-space-800)}.article-meta-sep{width:3px;height:3px;border-radius:99px;background:var(--p-color-icon-secondary)}.article-thumb{aspect-ratio:16/8;border-radius:var(--p-border-radius-300);margin-bottom:var(--p-space-800);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-indigo) 13%,transparent),color-mix(in srgb,var(--brand-indigo) 33%,transparent))}.article-content{font-size:16px;line-height:1.75;color:var(--p-color-text)}.article-content p{margin:0 0 var(--p-space-500)}.article-content h2{font-size:22px;font-weight:650;letter-spacing:-.3px;color:var(--p-color-text);margin:var(--p-space-1000) 0 var(--p-space-400);line-height:1.3}.article-content strong{font-weight:650}.article-content ul{margin:0 0 var(--p-space-500);padding-left:var(--p-space-600);display:flex;flex-direction:column;gap:var(--p-space-200)}.article-content li{line-height:1.7;color:var(--p-color-text)}.article-content a{color:var(--p-color-text-link);text-decoration:none;font-weight:550}.article-content a:hover{text-decoration:underline}.blog-mock{margin:var(--p-space-800) 0 var(--p-space-1000);border-radius:var(--p-border-radius-300);overflow:hidden;box-shadow:var(--p-shadow-300),var(--p-shadow-border-inset);background:var(--p-gray-6);font-family:var(--p-font-family-sans);font-size:13px;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--p-color-text)}.m-top{height:46px;background:var(--p-gray-1);border-bottom:1px solid var(--p-color-border-secondary);gap:12px;padding:0 14px}.m-brand,.m-top{display:flex;align-items:center}.m-brand{gap:6px;flex-shrink:0}.m-brand-mark{width:22px;height:22px;border-radius:var(--p-border-radius-150);background:var(--p-color-brand-shopify);color:var(--p-gray-1);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.m-brand-name{font-size:13px;font-weight:700;color:var(--p-color-text);letter-spacing:var(--p-font-letter-spacing-dense)}.m-brand-name span{color:var(--p-color-text-secondary)}.m-search{flex:1 1;max-width:200px;height:27px;background:var(--p-gray-3);border-radius:var(--p-border-radius-200);box-shadow:var(--p-shadow-border-inset);gap:var(--p-space-150);padding:0 var(--p-space-300);font-size:12px;color:var(--p-color-text-secondary)}.m-search,.m-top-end{display:flex;align-items:center}.m-top-end{margin-left:auto;gap:var(--p-space-200)}.m-export{display:inline-flex;align-items:center;gap:var(--p-space-150);padding:5px 10px;border-radius:var(--p-border-radius-150);background:var(--p-gray-1);color:var(--p-color-text);font-size:12px;font-weight:550;box-shadow:var(--p-shadow-button)}.m-avatar{width:24px;height:24px;border-radius:var(--p-border-radius-full);background:var(--p-color-avatar-four-bg-fill)}.m-body{padding:10px 12px 12px}.m-fbar{border-radius:var(--p-border-radius-300);padding:7px 10px;display:flex;gap:5px;box-shadow:var(--p-shadow-100),var(--p-shadow-border-inset);margin-bottom:10px;flex-wrap:wrap}.m-chip,.m-fbar{background:var(--p-gray-1);align-items:center}.m-chip{display:inline-flex;gap:4px;padding:3px 9px;border-radius:var(--p-border-radius-full);font-size:11.5px;font-weight:550;color:var(--p-color-text);box-shadow:var(--p-shadow-button);height:24px;white-space:nowrap;line-height:1}.m-chip--on{background:var(--p-gray-15);color:var(--p-gray-1);box-shadow:var(--p-shadow-button-primary)}.m-fbar-gap{flex:1 1}.m-sort{font-size:11.5px;color:var(--p-color-text-secondary);display:flex;align-items:center;gap:3px;white-space:nowrap;padding:3px 6px}.m-sort strong{color:var(--p-color-text);font-weight:650}.m-rhead{display:flex;justify-content:space-between;align-items:baseline;padding:2px 2px 8px}.m-rcount{font-size:12px;color:var(--p-color-text-secondary)}.m-rcount strong{color:var(--p-color-text);font-weight:650;font-size:13px}.m-rmeta{font-size:11px;color:var(--p-color-text-secondary)}.m-layout{display:flex;gap:10px;align-items:flex-start}.m-pcol{flex-shrink:0}.m-ccol{flex:1 1;min-width:0}.m-pop{background:var(--p-gray-1);border-radius:var(--p-border-radius-300);box-shadow:var(--p-shadow-400),var(--p-shadow-border-inset);width:196px;overflow:hidden}.m-pop-head{padding:9px 12px;font-weight:650;font-size:12px;border-bottom:1px solid var(--p-color-border-secondary);color:var(--p-color-text)}.m-pop-body{padding:6px 7px}.m-pop-search{gap:5px;background:var(--p-gray-3);padding:5px 8px;margin-bottom:5px;box-shadow:var(--p-shadow-border-inset);color:var(--p-color-text-secondary);font-size:11px}.m-pop-row,.m-pop-search{display:flex;align-items:center;border-radius:var(--p-border-radius-150)}.m-pop-row{gap:7px;padding:5px 7px;font-size:11.5px;color:var(--p-color-text)}.m-pop-row--sel{background:var(--p-gray-3);font-weight:550}.m-pop-n{margin-left:auto;font-size:10.5px;color:var(--p-color-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.m-chk{width:12px;height:12px;border-radius:var(--p-border-radius-050);border:1.5px solid var(--p-color-border-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.m-chk--on{background:var(--p-gray-15);border-color:var(--p-gray-15);color:var(--p-gray-1)}.m-radio{width:12px;height:12px;border-radius:var(--p-border-radius-full);border:1.5px solid var(--p-color-border-secondary);flex-shrink:0}.m-radio--on{border-color:var(--p-gray-15);border-width:4px}.m-pop-foot{padding:7px 9px;border-top:1px solid var(--p-color-border-secondary);display:flex;justify-content:space-between;align-items:center;background:var(--p-gray-3)}.m-lbtn{color:var(--p-color-text);padding:3px 7px}.m-abtn,.m-lbtn{font-size:11.5px;font-weight:550;border-radius:var(--p-border-radius-100)}.m-abtn{background:var(--p-gray-15);color:var(--p-gray-1);padding:4px 9px}.m-slider-wrap{padding:4px 8px 14px}.m-slider-lbl{display:flex;justify-content:space-between;font-size:11px;color:var(--p-color-text-secondary);margin-bottom:10px}.m-slider-track{height:4px;background:var(--p-gray-5);border-radius:var(--p-border-radius-full);position:relative;margin:0 6px}.m-slider-fill{top:0;height:100%;background:var(--p-gray-13)}.m-slider-fill,.m-slider-t{position:absolute;border-radius:var(--p-border-radius-full)}.m-slider-t{top:50%;width:13px;height:13px;background:var(--p-gray-15);border:2px solid var(--p-gray-1);box-shadow:var(--p-shadow-100);transform:translateY(-50%)}.m-sdrop{background:var(--p-gray-1);border-radius:var(--p-border-radius-200);box-shadow:var(--p-shadow-400),var(--p-shadow-border-inset);overflow:hidden;width:180px;margin-left:auto;margin-bottom:10px}.m-srow{display:flex;align-items:center;gap:7px;padding:6px 12px;font-size:12px;color:var(--p-color-text)}.m-srow--on{background:var(--p-gray-3);font-weight:550}.m-sdot{width:6px;height:6px;border-radius:var(--p-border-radius-full);background:var(--p-gray-15);flex-shrink:0}.m-sdot--off{background:transparent;border:1px solid var(--p-color-border-secondary)}.m-date-row{display:flex;gap:8px;margin-bottom:6px}.m-date-col{flex:1 1;display:flex;flex-direction:column;gap:3px}.m-date-lbl{font-size:10px;font-weight:550;color:var(--p-color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.m-date-field{padding:6px 8px;background:var(--p-gray-3);border-radius:var(--p-border-radius-150);box-shadow:var(--p-shadow-border-inset);font-size:11.5px;font-weight:550;color:var(--p-color-text)}.m-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.m-card{background:var(--p-gray-1);border-radius:var(--p-border-radius-300);padding:11px;display:flex;gap:9px;box-shadow:var(--p-shadow-100),var(--p-shadow-border-inset)}.m-icon{width:40px;height:40px;border-radius:var(--p-border-radius-200);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--p-gray-1);letter-spacing:var(--p-font-letter-spacing-dense)}.m-icon--a{background:var(--p-color-avatar-one-bg-fill)}.m-icon--b{background:var(--p-color-avatar-three-bg-fill)}.m-icon--c{background:var(--p-color-avatar-seven-bg-fill)}.m-icon--d{background:var(--p-color-avatar-four-bg-fill);color:var(--p-gray-15)}.m-icon--e{background:var(--p-color-brand-shopify)}.m-icon--f{background:var(--p-color-avatar-six-bg-fill);color:var(--p-gray-15)}.m-cbody{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.m-crow{display:flex;align-items:center;gap:6px;justify-content:space-between}.m-cname{font-weight:650;font-size:12.5px;color:var(--p-color-text);letter-spacing:var(--p-font-letter-spacing-densest);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.m-ccat{font-size:11px;color:var(--p-color-text-secondary);margin-top:1px}.m-cline{height:7px;background:var(--p-gray-4);border-radius:var(--p-border-radius-050);margin-top:5px}.m-cline--s{width:65%;margin-top:3px}.m-cmeta{display:flex;align-items:center;gap:4px;margin-top:7px;flex-wrap:wrap}.m-stars{display:inline-flex;gap:1px}.m-star{width:10px;height:10px;background:var(--p-gray-14);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.m-star--e{background:var(--p-gray-7)}.m-rnum{font-weight:650;font-size:11.5px;color:var(--p-color-text)}.m-rvws{font-size:11px;color:var(--p-color-text-secondary)}.m-pbadge{margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:550;background:var(--p-gray-1);box-shadow:var(--p-shadow-bevel-100);color:var(--p-color-text)}.m-bfs,.m-pbadge{border-radius:var(--p-border-radius-full)}.m-bfs{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;font-size:10px;font-weight:650;background:var(--p-color-bg-surface-success);color:var(--p-color-text-success);border:1px solid var(--p-green-12);white-space:nowrap}.m-cap{padding:9px 16px;font-size:12px;background:var(--p-color-bg-surface-secondary);border-top:1px solid var(--p-color-border-tertiary);line-height:1.5}.article-back,.m-cap{color:var(--p-color-text-secondary)}.article-back{display:inline-flex;align-items:center;gap:var(--p-space-100);font-size:13px;font-weight:550;text-decoration:none;margin-top:var(--p-space-1200);padding:var(--p-space-200) 0}.article-back:hover{color:var(--p-color-text)}@media (max-width:700px){.article-page,.blog-page{padding-left:var(--p-space-400);padding-right:var(--p-space-400)}.article-title,.blog-title{font-size:26px}}