.blog-admin{display:grid;gap:20px;min-width:0}.blog-nav,.blog-actions,.blog-toolbar,.blog-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.blog-panel{padding:22px;border-radius:20px;min-width:0}.blog-panel h2{font-size:18px;margin:0 0 15px}.blog-panel label{display:block;font-size:13px;margin-bottom:14px}.blog-panel input:not([type=checkbox]),.blog-panel select,.blog-panel textarea{width:100%;margin-top:7px}.blog-panel small,.blog-help{font-size:11px;color:var(--muted);line-height:1.6;display:block}.blog-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.blog-edit-side{display:grid;gap:18px;min-width:0}.blog-editor{border:1px solid var(--border,var(--line));border-radius:14px;overflow:hidden}.blog-editor-tools{display:flex;gap:5px;flex-wrap:wrap;padding:10px;background:color-mix(in srgb,var(--primary) 6%,transparent);border-bottom:1px solid var(--border,var(--line))}.blog-editor-tools button{font:inherit;font-size:12px;border:1px solid var(--border,var(--line));background:var(--surface,transparent);color:inherit;padding:6px 9px;border-radius:8px;cursor:pointer}.blog-editor-content{min-height:400px;padding:18px;outline:none;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.blog-editor:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.blog-editor [hidden]{display:none!important}.blog-inline{display:flex!important;align-items:center;gap:8px;margin:0!important}.blog-inline input{width:16px!important;height:16px}.blog-toolbar{justify-content:space-between;margin-bottom:16px}.blog-toolbar form{display:flex;gap:8px;align-items:center}.blog-search{margin:12px 0 18px}.blog-search input{flex:1;min-width:160px;margin:0!important;width:auto!important}.blog-search select{width:auto;margin:0!important}.blog-table-wrap{overflow:auto;width:100%;border:1px solid var(--border,var(--line));border-radius:14px}.blog-table{border-collapse:collapse;width:100%;font-size:13px}.blog-table th{text-align:left;font-size:12px;background:color-mix(in srgb,var(--primary) 5%,transparent)}.blog-table td,.blog-table th{padding:12px;border-bottom:1px solid var(--border,var(--line))}.blog-identity{display:flex;align-items:center;gap:10px;min-width:190px}.blog-identity img{object-fit:cover;border-radius:9px;flex-shrink:0}.blog-icon{display:grid;place-items:center;width:42px;height:42px;background:color-mix(in srgb,var(--primary) 10%,transparent);border-radius:10px;color:var(--primary)}.blog-state{display:inline-flex;align-items:center;gap:5px;background:#f59e0b18;color:#b87904;padding:6px 9px;border-radius:9px;font-size:12px}.blog-state.published{background:#10b98118;color:#059669}.blog-category-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--border,var(--line));padding:8px 0}.blog-category-row>.blog-search{flex:1;margin:6px 0}.blog-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-public-card{border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-width:0}.blog-public-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0051ff10}.blog-card-cover{display:block;aspect-ratio:1.9;overflow:hidden;background:color-mix(in srgb,var(--primary) 7%,transparent)}.blog-card-cover img{width:100%;height:100%;object-fit:cover}.blog-cover-empty{display:grid;place-items:center;height:100%;color:var(--primary)}.blog-cover-empty svg{width:50px;height:50px}.blog-card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card-copy h2{font-size:19px;line-height:1.45;margin:12px 0}.blog-card-copy h2 a{color:inherit;text-decoration:none}.blog-card-copy p{font-size:13px;line-height:1.8;color:var(--muted)}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--muted)}.blog-meta span{padding:5px 9px;background:color-mix(in srgb,var(--primary) 7%,transparent);border-radius:8px}.blog-read{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:13px;font-weight:600;text-decoration:none;margin-top:auto;padding-top:14px}.blog-categories,.blog-share{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.blog-categories a,.blog-share a{padding:9px 12px;border:1px solid var(--border,var(--line));border-radius:10px;font-size:12px;text-decoration:none;color:inherit}.blog-categories a[aria-current=page],.blog-categories a:hover,.blog-share a:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:var(--primary)}.blog-article{max-width:860px;margin:auto;border-radius:24px;padding:28px;min-width:0}.blog-hero-image{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;border-radius:18px;margin:20px 0}.blog-prose{font-size:15px;line-height:1.95;overflow-wrap:anywhere}.blog-prose h2{font-size:24px;margin:28px 0 12px}.blog-prose h3{font-size:20px}.blog-prose a{color:var(--primary)}.blog-prose blockquote{border-left:3px solid var(--primary);padding:12px 20px;margin:20px 0;background:color-mix(in srgb,var(--primary) 6%,transparent);border-radius:0 12px 12px 0}.blog-share{align-items:center;border-top:1px solid var(--border,var(--line));padding-top:20px;font-size:13px}.blog-section-heading{font-size:23px;margin:36px 0 20px}.blog-pagination{margin-top:24px}.blog-pagination svg{width:18px;height:18px}.blog-pagination nav>div:first-child{display:flex;gap:10px}.blog-pagination nav>div:last-child{display:none}.blog-pagination a,.blog-pagination span{display:inline-flex;padding:8px 12px;border:1px solid var(--border,var(--line));border-radius:9px;font-size:12px}.blog-panel a:focus-visible,.blog-nav a:focus-visible,.blog-public-card a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(max-width:960px){.blog-edit-grid{grid-template-columns:1fr}.blog-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-public-grid{grid-template-columns:1fr}.blog-panel,.blog-article{padding:16px}.blog-editor-content{padding:14px;min-height:300px;font-size:16px}.blog-search{align-items:stretch;flex-direction:column}.blog-search input,.blog-search select{width:100%!important;font-size:16px}.blog-panel input:not([type=checkbox]),.blog-panel select,.blog-panel textarea{font-size:16px}.blog-category-row{align-items:flex-start}.blog-prose{font-size:14px;line-height:1.9}.blog-prose h2{font-size:21px}.blog-card-copy h2{font-size:18px}.blog-identity{min-width:160px}.blog-table td,.blog-table th{padding:10px}.blog-toolbar form{flex-wrap:wrap}.blog-article .blog-meta{font-size:10px}}

@media(max-width:600px){.blog-table-wrap{overflow:visible;border:0}.blog-table thead{display:none}.blog-table,.blog-table tbody,.blog-table tr,.blog-table td{display:block;width:100%}.blog-table tbody{display:grid;gap:12px}.blog-table tr{border:1px solid var(--border,var(--line));border-radius:14px;padding:12px;background:color-mix(in srgb,var(--primary) 3%,transparent)}.blog-table td{border:0;padding:6px 0}.blog-table td[data-label]:before{content:attr(data-label) ": ";font-size:11px;color:var(--muted);margin-right:7px}.blog-table .blog-actions{justify-content:flex-end}.blog-identity strong{overflow-wrap:anywhere}.blog-pagination nav>div:first-child{flex-wrap:wrap}}

.blog-nav{margin:0}.blog-panel input:not([type=checkbox]),.blog-panel select{height:46px;font-size:13px}.blog-panel textarea{font-size:13px}.blog-panel input::placeholder,.blog-panel textarea::placeholder{font-size:12px;font-weight:400}.blog-optional{display:inline!important;font-size:11px!important;font-weight:400}.blog-edit-side .simple-upload-body{flex-wrap:wrap;gap:12px}.blog-edit-side .simple-upload-info{min-width:0;flex:1}.blog-edit-side .simple-upload-button{padding:9px 12px;min-height:40px;font-size:12px}.blog-editor{background:var(--surface,transparent)}@media(max-width:1150px){.blog-edit-grid{grid-template-columns:1fr}.blog-edit-side{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-edit-side>section:last-child{grid-column:1/-1}}@media(max-width:600px){.blog-edit-side{grid-template-columns:1fr}.blog-panel input:not([type=checkbox]),.blog-panel select,.blog-panel textarea{font-size:16px}.blog-panel input::placeholder,.blog-panel textarea::placeholder{font-size:13px}.blog-edit-side>section:last-child{grid-column:auto}}
.blog-editor-tools{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--soft,#eef4ff)}.blog-editor-tools button,.blog-editor-tools select{border:1px solid var(--line,#dbe3ef);border-radius:8px;padding:7px 9px;background:var(--card,#fff);color:inherit;font-size:12px;min-height:32px}.blog-editor-tools .blog-color{display:flex;align-items:center;gap:4px;font-size:11px;margin:0}.blog-color input{width:26px;height:26px;padding:0}.blog-editor-content img,.blog-prose img{max-width:100%;height:auto}.blog-editor-content table,.blog-prose table{border-collapse:collapse;width:100%;table-layout:fixed}.blog-editor-content td,.blog-editor-content th,.blog-prose td,.blog-prose th{border:1px solid var(--line,#dbe3ef);padding:8px;overflow-wrap:anywhere}.blog-prose pre,.blog-editor-content pre{white-space:pre-wrap;padding:12px;background:var(--soft,#eef4ff);border-radius:10px}.blog-editor-message{font-size:12px;padding:0 10px}.blog-editor-expanded{position:fixed;inset:20px;z-index:1000;background:var(--card,#fff);overflow:auto;box-shadow:0 20px 70px #0005}.blog-editor-expanded .blog-editor-content{min-height:70vh}.blog-state.scheduled{color:#7c3aed;background:#ede9fe}.blog-edit-side [hidden]{display:none!important}@media(max-width:600px){.blog-editor-expanded{inset:5px}.blog-editor-tools{gap:4px}.blog-editor-content{font-size:16px}}
.blog-panel .blog-editor-tools select{width:auto;height:34px;margin:0;font-size:12px}.blog-panel .blog-editor-tools input[type=color]{width:26px;height:26px;margin:0;padding:0}.blog-editor-tools{background:var(--surface,transparent)}.blog-editor-tools button,.blog-editor-tools select,.blog-editor-expanded{background:var(--surface,#fff)}.blog-prose h1,.blog-prose h4,.blog-prose h5,.blog-prose h6{line-height:1.4;margin:1em 0 .5em;overflow-wrap:anywhere}
/* Public blog: compact reading layout and touch-friendly navigation. */
.blog-intro.lm-page-intro{padding-top:30px;padding-bottom:20px}.blog-intro.lm-page-intro h1{font-size:clamp(27px,3.2vw,42px);line-height:1.25;max-width:900px;margin:16px auto;letter-spacing:-.035em}.blog-intro.lm-page-intro>p{font-size:14px;max-width:690px;line-height:1.7}.blog-listing.lm-section,.blog-details.lm-section{padding-top:16px}.blog-filter-panel{padding:18px;border-radius:20px;margin-bottom:22px}.blog-listing .blog-search{margin:0 0 14px;gap:12px}.blog-listing .blog-search input{box-sizing:border-box;height:46px;min-width:0;padding:0 16px;font-size:13px;border:1px solid var(--lm-line,var(--line,#dce4f2));border-radius:12px;background:var(--lm-card,var(--surface,#fff));color:var(--lm-text,inherit);outline:none}.blog-listing .blog-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.blog-listing .blog-search button{min-height:46px;padding:0 22px;font-size:13px}.blog-categories{gap:8px;margin:0}.blog-categories a{display:inline-flex;align-items:center;min-height:40px;padding:7px 13px;border:1px solid transparent;border-radius:10px;font-size:12px;transition:background .18s,border-color .18s}.blog-public-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;box-shadow:0 8px 24px #193b7110;transition:transform .18s,box-shadow .18s}.blog-public-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #193b711c}.blog-card-copy{display:flex;flex-direction:column;flex:1;padding:20px}.blog-card-copy h2{font-size:19px;line-height:1.45;margin:12px 0}.blog-card-copy p{font-size:13px;line-height:1.8;margin:0 0 18px}.blog-card-copy .blog-read{margin-top:auto;min-height:40px}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.blog-meta span{display:inline-flex;align-items:center;gap:5px}.blog-meta .ui-icon{width:13px;height:13px}.blog-details-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.blog-details-grid .blog-article{max-width:none;width:100%;margin:0;box-sizing:border-box;padding:24px}.blog-detail-sidebar{display:grid;gap:18px;min-width:0}.blog-sidebar-card{padding:20px;border-radius:20px;min-width:0}.blog-sidebar-card h2{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.4;margin:0 0 16px}.blog-side-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary)}.blog-recent-card .blog-side-icon{color:#8b5cf6;background:#8b5cf616}.blog-sidebar-card nav{display:grid;gap:7px}.blog-sidebar-card nav a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 4%,transparent);font-size:12px;min-width:0}.blog-sidebar-card nav a>span:first-child{flex:1;overflow-wrap:anywhere}.blog-category-count{padding:3px 7px;background:color-mix(in srgb,var(--primary) 9%,transparent);border-radius:7px;font-size:11px}.blog-sidebar-card nav a:hover,.blog-sidebar-card nav a[aria-current]{color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,transparent)}.blog-sidebar-card nav .ui-icon{width:13px;height:13px;flex-shrink:0}.blog-recent-link{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--lm-line,var(--line,#dce4f2));min-height:76px}.blog-recent-image{display:grid;place-items:center;flex-shrink:0;width:68px;height:58px;border-radius:11px;overflow:hidden;background:#8b5cf610;color:#8b5cf6}.blog-recent-image img{width:100%;height:100%;object-fit:cover}.blog-recent-link strong{display:block;font-size:12px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.blog-recent-link small{display:block;font-size:10px;margin-top:4px;opacity:.65}.blog-recent-link:hover strong{color:var(--primary)}.blog-sidebar-card>p{font-size:12px;line-height:1.7;opacity:.7}.blog-recent-card>.blog-read{display:inline-flex;margin-top:14px;font-size:12px;min-height:40px;align-items:center}.blog-details .blog-prose{font-size:14px;line-height:1.85}.blog-details .blog-prose p{font-size:14px;line-height:1.85;margin:0 0 18px}.blog-details .blog-prose h1{font-size:27px;line-height:1.4}.blog-details .blog-prose h2{font-size:23px;line-height:1.5}.blog-details .blog-prose h3{font-size:20px;line-height:1.5}.blog-details .blog-prose h4,.blog-details .blog-prose h5,.blog-details .blog-prose h6{font-size:17px;line-height:1.5}.blog-details .blog-prose li{font-size:14px;line-height:1.85}.blog-share{display:flex;flex-wrap:wrap;gap:8px}.blog-share strong{margin-right:6px}.blog-share a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border-radius:10px;font-size:12px}.blog-share a svg{width:17px;height:17px;flex-shrink:0}.blog-share a:nth-of-type(1){color:#1877f2;background:#1877f20d}.blog-share a:nth-of-type(2){color:#0a66c2;background:#0a66c20d}.blog-share a:nth-of-type(3){color:#159b50;background:#25d36610}.blog-detail-sidebar a:focus-visible,.blog-share a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(max-width:960px){.blog-details-grid{grid-template-columns:minmax(0,1fr)}.blog-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-intro.lm-page-intro{padding-top:22px;padding-bottom:10px}.blog-intro.lm-page-intro h1{font-size:27px}.blog-filter-panel{padding:14px}.blog-listing .blog-search input{font-size:16px;width:100%}.blog-listing .blog-search button{width:100%}.blog-details-grid{gap:18px}.blog-detail-sidebar{grid-template-columns:minmax(0,1fr)}.blog-details-grid .blog-article{padding:16px;border-radius:20px}.blog-share strong{flex-basis:100%}.blog-share a{flex:1;justify-content:center;padding:8px;min-width:0}.blog-share a span{font-size:11px}.blog-details .blog-prose h2{font-size:21px}.blog-public-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.blog-public-card,.blog-categories a{transition:none}.blog-public-card:hover{transform:none}}
.blog-listing,.blog-details{--border:var(--lm-line);--line:var(--lm-line);--muted:var(--lm-muted)}.blog-listing .blog-search input{background:var(--lm-surface);color:var(--lm-text)}html[data-theme=dark] .blog-share a:nth-of-type(1){color:#73b3ff}html[data-theme=dark] .blog-share a:nth-of-type(2){color:#79baff}html[data-theme=dark] .blog-share a:nth-of-type(3){color:#56df94}.blog-details .blog-prose table{display:block;overflow-x:auto;max-width:100%}.blog-details .blog-prose pre{max-width:100%;overflow-x:auto}