:root{--blog-content-width:900px;--blog-type-scale:1.25}
.blog-all-filter>button>svg{display:block;flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.blog-image-dialog .imageHost.clickZoom .imageStage img{cursor:zoom-in}.blog-image-dialog .imageHost.clickZoom.is-zoomed .imageStage img{cursor:zoom-out}.blog-image-dialog .imageHost.clickZoom.is-dragging .imageStage img{cursor:grabbing}
.blog-image-dialog .blog-image-close{position:absolute;right:12px;top:12px;z-index:5;border:0;border-radius:50%;width:32px;height:32px;background:#fff;color:#242424;cursor:pointer;font:24px/1 system-ui}
.blog-image-dialog .imageHost{height:100%}
.blog-shell .container{border-radius:0 0 20px 20px!important;border-bottom:1px solid #eff1f2!important}.entries>.feed-entry:last-child{border-bottom:0}.thought-image{background:transparent!important}

.blog-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(100%,var(--blog-content-width));margin:auto}.blog-media-grid[hidden],.feed-entry[hidden]{display:none}.blog-media-grid .thought-image{aspect-ratio:1;border:0;border-radius:0}.blog-media-grid .thought-image img{width:100%;height:100%;object-fit:cover}.blog-image-dialog header{gap:12px}.blog-image-dialog header button{border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:8px}.blog-image-dialog header span:first-child{flex:1}
.blog-media-empty,.blog-media-grid:empty::after{grid-column:1/-1;margin:0;padding:30px;color:#536471}
.blog-filters:has(>button[data-blog-filter=media][aria-pressed=true])~:is(.entries,.pinned-entries){display:none}
/* Keep empty media visible with HTML from an already-running publisher too. */
.blog-media-grid:empty::after{content:"No media yet."}

:is(.blog-filters,.local-blog-filters){display:flex;align-items:stretch;margin:0;padding:0;border:0;border-bottom:1px solid #eff1f2;box-shadow:none}
:is(.blog-filters,.local-blog-filters) button{border:0;background:transparent;color:#536471;font:inherit;cursor:pointer}
:is(.blog-filters,.local-blog-filters) button[aria-pressed]{position:relative;display:flex;align-items:center;justify-content:center;flex:1;margin:0;padding:0 8px;border:0;box-shadow:none}
:is(.blog-filters,.local-blog-filters) button[aria-pressed=true]{color:#0f1419;font-weight:700}
:is(.blog-filters,.local-blog-filters) button:hover{background:#f7f8f8}
.blog-filter-label{position:relative;display:block;flex:none;padding:16px 0}
:is(.blog-filters,.local-blog-filters) button[aria-pressed=true]>.blog-filter-label::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:999px;background:#1d9bf0;pointer-events:none}

/* An already-running publisher can still emit unwrapped labels. Keep both DOM versions aligned. */
:is(.blog-filters,.local-blog-filters) button[aria-pressed]:not(:has(>.blog-filter-label)){padding:16px 8px}
:is(.blog-filters,.local-blog-filters) button[aria-pressed=true]:not(:has(>.blog-filter-label))::after{content:"";position:absolute;bottom:0;left:50%;width:2em;height:4px;border-radius:999px;transform:translateX(-50%);background:#1d9bf0;pointer-events:none}
/* Legacy unwrapped CJK labels exclude the 16px arrow and 8px gap. */
.blog-all-filter>button[aria-pressed=true]:not(:has(>.blog-filter-label))::after{left:calc(50% - 12px)}

/* Let flex stretching size All like Media, without a percentage-height dependency. */
.blog-all-filter{position:relative;flex:1;min-width:0}.blog-all-filter>button{width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:8px}.blog-all-filter small{font-size:.7em;font-weight:400}.blog-filter-menu{position:absolute;top:100%;left:12px;right:12px;z-index:10;padding:6px;border:1px solid #e4e2e7;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0002}.blog-filter-menu[hidden]{display:none}.blog-filter-menu button{display:block;width:100%;text-align:left;border-radius:6px;box-shadow:none!important;padding:10px 14px!important}.blog-filter-menu button:hover,.blog-filter-menu button[aria-checked=true]{background:#f7f8f8;color:#0f1419}
.blog-all-filter{display:flex;align-items:stretch;justify-content:center}
.blog-all-filter:hover{background:#f7f8f8}
.blog-all-filter>button.blog-filter-main{width:100%;flex:1;padding:0 32px 0 8px}
.blog-all-filter>.blog-filter-toggle{position:absolute;top:50%;left:calc(50% + var(--blog-filter-label-width,1.5em) / 2 - 12px);width:32px;height:32px;margin:0;padding:8px;border-radius:6px;transform:translateY(-50%)}
.blog-all-filter>.blog-filter-menu{left:50%;right:auto;width:calc(50% - 12px);min-width:128px;transform:translateX(-50%)}

.blog-page{margin:0;padding:0}
.blog-page,.blog-shell{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#0f1419;background:#f5f5f5;font-size:calc(16px * var(--blog-type-scale));line-height:1.5}
.blog-shell{padding-top:0}
.blog-shell,.blog-shell *{box-sizing:border-box}
.blog-shell .container{width:min(100%,var(--blog-content-width));margin:0 auto 100px;padding-bottom:60px;border:1px solid #eff1f2;border-top:0;min-height:100vh;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.blog-shell a{color:inherit;text-decoration:none}
.blog-shell .blog-profile{margin:0;border:0;box-shadow:none}
.profile-banner{height:307.5px;overflow:hidden;background:linear-gradient(125deg,#e9e5dc,#d6dcd5 58%,#e8dfd1)}
.profile-banner img{width:100%;height:100%;object-fit:cover;display:block}
.profile-details{padding:0 27.5px 30px;border-bottom:0;box-shadow:none}
.profile-actions{display:flex;align-items:flex-start;justify-content:space-between;height:116.25px}
.profile-avatar-link{display:block;position:relative;top:-90px;flex-shrink:0;border-radius:50%}
.profile-avatar{display:block;width:185px;height:185px;object-fit:cover;border:6.25px solid #fff;border-radius:50%;background:#fff}
.blog-shell .profile-follow{display:inline-flex;align-items:center;justify-content:center;min-width:142.5px;height:50px;margin-top:18.75px;padding:0 28.75px;border-radius:30px;background:#0f1419;color:white;font-size:20px;font-weight:700}
.blog-shell .profile-follow:hover{background:#272c30}
.blog-shell .profile-edit{background:#fff;color:#0f1419;border:1px solid #cfd9de}.blog-shell .profile-edit:hover{background:#f7f8f8}
.blog-shell .container{border-radius:0 0 20px 20px;overflow:clip;border-bottom:1px solid #eff1f2!important}
.blog-back-to-top{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #cfd9de;border-radius:50%;background:#fff;color:#536471;box-shadow:0 3px 14px #0002;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}.blog-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.blog-back-to-top:hover{color:#0f1419;background:#f7f8f8}@media(prefers-reduced-motion:reduce){.blog-back-to-top{transition:none}}
.blog-repost-card{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:16px;border:1px solid #cfd9de;border-radius:14px;overflow-wrap:anywhere}.blog-repost-card small,.blog-repost-card span{color:#536471;font-size:.8em}
.blog-shell h1{display:flex;align-items:center;gap:5px;margin:15px 0 10px;font-size:32.5px;line-height:1.3;font-weight:800;overflow-wrap:anywhere}
.verified-badge{display:inline-block;flex-shrink:0;vertical-align:-.16em;width:26.25px;height:26.25px;fill:#1d9bf0}
.blog-shell h1 .verified-badge{width:31.25px;height:31.25px}
.profile-bio{font-size:20px;line-height:1.65;overflow-wrap:anywhere}
.blog-shell .profile-bio a,.blog-shell .thought-content a,.blog-shell .content a{color:#1d9bf0}
.profile-bio a:hover,.thought-content a:hover,.content a:hover{text-decoration:underline}
.feed-entry{display:flex;align-items:flex-start;gap:15px;padding:23.75px 27.5px;border-bottom:1px solid #eff1f2}
.feed-avatar{width:55px;height:55px;object-fit:cover;border-radius:50%;flex-shrink:0}
.feed-body{flex:1;min-width:0}
.feed-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8.75px;margin:0 0 5px;min-height:30px;line-height:1.4;color:#536471;font-size:20px}
.feed-author{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere;color:#0f1419;font-weight:700}
.feed-permalink:hover{text-decoration:underline}
.feed-pinned{font-size:15px;color:#536471;margin:0 0 6.25px}
.feed-pinned::before{content:'📌 ';font-size:13.75px}
.blog-shell .article-card{display:block;overflow:hidden;margin-top:17.5px;border:1px solid #e5e9ec;border-radius:20px;transition:background-color .15s}
.blog-shell .article-card:hover{background:#fafafa}
.article-cover{display:block;width:100%;height:auto;border-bottom:1px solid #eff1f2}
.article-summary{padding:20px 22.5px 23.75px}
.article-summary h2{margin:0 0 10px;font-size:26.25px;line-height:1.45;letter-spacing:-.3px;font-weight:750;overflow-wrap:anywhere}
.article-summary p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0;font-size:20px;line-height:1.65;color:#30383f;white-space:pre-line;overflow-wrap:anywhere}
.thought-content{font-size:21.25px;line-height:1.55;overflow-wrap:anywhere}
.thought-content p{margin:0 0 1em;white-space:pre-wrap}
.thought-content p:last-child{margin-bottom:0}
.thought-content p:empty{display:none}
.thought-content ul,.thought-content ol{padding-left:1.4em}
.thought-content blockquote{margin:15px 0;padding-left:15px;border-left:3.75px solid #cfd9de;color:#536471}
.thought-content code{font-size:.88em;white-space:pre-wrap}
.thought-content.is-collapsed{max-height:var(--thought-preview-height,46.5em);overflow:hidden}
.thought-expand{border:0;padding:5px 0;background:transparent;color:#1d9bf0;cursor:pointer;font:inherit}
.thought-media{position:relative;margin-top:17.5px;border-radius:20px;overflow:hidden}
.thought-image-track{display:flex;gap:10px;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px}
.thought-image-track::-webkit-scrollbar{display:none}
.thought-image{display:block;flex:0 0 100%;min-width:0;border:1px solid #e5e9ec;border-radius:20px;overflow:hidden;scroll-snap-align:start;background:#f7f8f8}
.thought-image img{display:block;width:100%;height:auto;max-height:812.5px;object-fit:contain}
.is-carousel .thought-image{flex-basis:78%}
.is-carousel .thought-image img{height:525px;object-fit:contain}
.carousel-arrow{position:absolute;top:50%;display:grid;place-items:center;width:47.5px;height:47.5px;padding:10px;transform:translateY(-50%);border:0;border-radius:50%;background:#0f1419c4;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s}
.carousel-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}
.carousel-prev{left:12.5px}.carousel-next{right:12.5px}
.thought-media:hover .carousel-arrow,.thought-media:focus-within .carousel-arrow{opacity:1;pointer-events:auto}
.carousel-arrow:hover{background:#0f1419e8}
.blog-shell [hidden]{display:none!important}
.blog-shell a:focus-visible,.blog-shell button:focus-visible,.thought-image-track:focus-visible{outline:2px solid #536471;outline-offset:3.75px}
.pagination{display:flex;justify-content:center;gap:10px;padding:30px 20px;flex-wrap:wrap}
.pagination-link{padding:6.25px 12.5px;border-radius:50%;color:#536471}
.pagination-link:hover{background:#eff1f2}
.pagination-link.active{font-weight:700;background:#0f1419;color:#fff}
.profile-nav,.content{padding:25px 27.5px}.content h2{margin-top:0}.profile-nav{border-bottom:1px solid #eff1f2}
.feed-empty{padding:30px;color:#536471}
@media(max-width:750px){.blog-shell{padding-top:0}.blog-shell .container{margin:0 auto;border-width:0;min-height:100vh}.profile-banner{height:225px}.profile-details{padding:0 20px 25px}.profile-avatar{width:145px;height:145px;border-width:5px}.profile-avatar-link{top:-70px}.profile-actions{height:90px}.blog-shell h1{font-size:28.75px}.profile-bio{font-size:18.75px}.feed-entry{gap:12.5px;padding:20px 15px}.feed-avatar{width:45px;height:45px}.feed-meta{gap:6.25px;font-size:18.75px}.feed-author .verified-badge{width:23.75px;height:23.75px}.article-summary{padding:15px}.article-summary h2{font-size:22.5px}.article-summary p{font-size:18.75px}.thought-content{font-size:20px}.is-carousel .thought-image img{height:387.5px}.carousel-arrow{width:40px;height:40px}.blog-shell .article-card{border-radius:16.25px}}
@media(prefers-reduced-motion:reduce){.carousel-arrow,.blog-shell .article-card{transition:none}}

.blog-search-widget{position:fixed;inset:2px 10px auto auto;z-index:1000;margin:0;padding:0;font:17.5px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#536471;--search-width:min(173.6px,calc(70vw - 45.5px))}
.blog-search-widget,.blog-search-widget *{box-sizing:border-box}
.blog-search-widget [hidden]{display:none!important}
.blog-search-control{display:flex;align-items:center;justify-content:flex-end;gap:0;margin:0;padding:0;height:38px}
.blog-search-widget :is(.blog-search-link,.blog-toc-toggle){display:flex;align-items:center;justify-content:center;flex:0 0 35px;width:35px;height:37.5px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;cursor:pointer}
.blog-search-widget :is(.blog-search-link,.blog-toc-toggle):hover,.blog-search-widget .blog-toc-toggle[aria-expanded=true]{color:#000}
.blog-search-widget :focus-visible{outline:2px solid #536471;outline-offset:2px}
.blog-search-widget #search-form{flex:0 0 auto;overflow:hidden;width:0;height:38px;margin:0;padding:0;border:1px solid #e9e9ed;border-radius:10px;background:#fff;opacity:0;visibility:hidden;transition:width 180ms ease,opacity 140ms ease,visibility 180ms}
.blog-search-widget[data-open=true] #search-form{width:var(--search-width);opacity:1;visibility:visible}
.blog-search-widget #search-form:focus-within{box-shadow:none}
.blog-search-widget #blog-search{display:block;width:100%;height:100%;min-height:0;margin:0;padding:9px 11px;border:0;border-radius:inherit;background:transparent;color:#202126;font:13px/1.5 "Microsoft YaHei","Segoe UI",sans-serif;outline:none;box-shadow:none}.blog-search-widget #blog-search::placeholder{color:#929297}.blog-search-widget #blog-search::-webkit-search-cancel-button,.blog-search-widget #blog-search::-webkit-search-decoration{-webkit-appearance:none}
.blog-search-widget .blog-search-panel{position:absolute;inset:44px 0 auto auto;width:min(480px,calc(100vw - 20px));max-height:min(70dvh,750px);overflow:auto;overscroll-behavior:contain;margin:0;padding:15px 20px;background:#fff;border:1px solid #e9e9ed;border-radius:10px;box-shadow:0 8px 30px #16111f14;animation:blog-search-results 140ms ease-out}
.blog-search-widget #search-status{margin:0;color:#7f8c8d;font:16.25px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.blog-search-widget article{margin:20px 0 0;padding:0;border:0}
.blog-search-widget article h2{font:600 18.75px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0 0 6.25px;padding:0;border:0}
.blog-search-widget article a{color:#2c3e50;text-decoration:none}
.blog-search-widget article a:hover{color:#00aeee}
.blog-search-widget mark{background:#fff0a3;color:#0f1419;padding:0;border-radius:2px}
.blog-search-widget article p{font:16.25px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;padding:0;min-height:0;color:#555;white-space:normal;overflow-wrap:anywhere}
.blog-search-more{display:block;margin:17.5px auto 0;padding:6.25px 15px;border:1px solid #d8dde2;border-radius:5px;background:#fff;color:#2c3e50;cursor:pointer}
@keyframes blog-search-results{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.blog-search-widget #search-form{transition:none}.blog-search-widget .blog-search-panel{animation:none}}
body:has(>.published-document){background:#fff;padding:0}.published-document{font-size:calc(1em * var(--blog-type-scale));width:min(100%,var(--blog-content-width));max-width:var(--blog-content-width);margin:0 auto;padding:22.5px 0 0;box-sizing:border-box;overflow-wrap:anywhere}.published-document p{margin:0;min-height:1.7em}.published-document img{max-width:100%}.published-document .export-watermark{display:none}.blog-article-nav{margin:0 0 32.5px;font:17.5px/1.5 system-ui,sans-serif}.blog-article-nav a{color:#536471}


.blog-search-widget :is(.blog-search-link,.blog-toc-toggle) svg{width:25px;height:25px}
body:has(>.blog-article-viewport){background:#fff;padding:0}

.published-document pre:has(>.blog-code-copy){position:relative}.blog-code-copy{position:absolute;right:8px;top:6px;padding:4px 8px;border:0;border-radius:4px;background:#fff;color:#536471;font:12px/1.5 system-ui;cursor:pointer}.blog-code-copy:hover{background:#eff1f2}
.blog-article-layout{display:block;position:relative;max-width:var(--blog-content-width);margin:0 auto}
.blog-article-layout .published-document{width:100%;min-width:0}.blog-article-toc{position:fixed;z-index:900;left:0;top:40px;width:max-content;max-width:min(260px,100vw);max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;direction:rtl;margin:0;padding:12px 16px;border:0;border-radius:0;background:#fff;box-shadow:none;font:14px/1.6 system-ui,sans-serif;color:#536471}.blog-article-toc[hidden]{display:none!important}.blog-article-toc nav{direction:ltr;text-align:left}.blog-article-toc strong{display:none}.blog-article-toc ol{list-style:none;margin:0;padding:0}.blog-article-toc ol ol{margin:4px 0 0 14px}.blog-article-toc li{margin:4px 0;padding:0}.blog-article-toc li:first-child{margin-top:0}.blog-article-toc li:last-child{margin-bottom:0}.blog-article-toc a{color:inherit;text-decoration:none;overflow-wrap:anywhere}.blog-article-toc a:hover,.blog-article-toc a:focus-visible{color:#1d9bf0}
.blog-article-toc summary{display:flex;align-items:baseline;gap:5px;list-style:none;cursor:pointer}.blog-article-toc summary::-webkit-details-marker{display:none}.blog-article-toc summary::before{content:'›';flex:none;display:inline-block;width:8px;text-align:center;transform:rotate(0)}.blog-article-toc details[open]>summary::before{transform:rotate(90deg)}.blog-article-toc summary a{min-width:0}.blog-article-toc summary:focus-visible{outline:1px solid #a8b2bd;outline-offset:2px}
.blog-article-toc::-webkit-scrollbar{width:5px;height:5px}.blog-article-toc::-webkit-scrollbar-track{background:transparent}.blog-article-toc::-webkit-scrollbar-thumb{border-radius:8px;background:#d4d9df}.blog-article-toc::-webkit-scrollbar-thumb:hover{background:#b9c2cc}@supports not selector(::-webkit-scrollbar){.blog-article-toc{scrollbar-width:thin;scrollbar-color:#d4d9df transparent}}
.blog-toc-toggle{position:fixed;z-index:1001;left:0;top:2px;display:flex;align-items:center;justify-content:center;width:35px;height:37.5px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#536471;cursor:pointer}.blog-toc-toggle svg{width:25px;height:25px}.blog-toc-toggle:hover,.blog-toc-toggle[aria-expanded=true]{color:#000}.blog-toc-toggle:focus-visible{outline:2px solid #536471;outline-offset:-2px}.published-document [id^=outline-node-]{scroll-margin-top:24px}
.published-document .heading-anchor{opacity:0;pointer-events:none}.published-document :is(h1,h2,h3,h4,h5,h6):is(:hover,:focus-within)>.heading-anchor{opacity:1;pointer-events:auto}.published-document .heading-anchor:focus-visible{opacity:1;pointer-events:auto}
.published-document .heading-level{display:none}
.blog-article-cover{margin:0 0 28px}.blog-article-cover .article-cover{display:block;width:100%;height:auto;border:0;border-radius:10px}.published-document .footnotes{display:block;margin-top:40px;scroll-margin-top:24px}.published-document .footnotes li{scroll-margin-top:24px}.published-document .footnotes li:target{background:#fff4c9}
@media print{.blog-article-toc,.blog-toc-toggle,.published-document .heading-anchor{display:none}}

.link-card{display:block;box-sizing:border-box;width:100%;margin:12px 0;padding:24px 28px;border:1px solid var(--border,#e4e2e7);border-radius:15px;background:var(--surface);color:var(--text,#24242b);text-decoration:none;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}
.link-card-icon{display:block;font-size:22px;line-height:1;margin-bottom:12px}.link-card-icon img{width:24px;height:24px;object-fit:contain;vertical-align:middle}
.link-card-title{display:block;font-size:1.05em;font-weight:600}.link-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:.9em;margin-top:2px;color:var(--secondary,#34323d)}.link-card-url{display:block;font-size:.85em;color:var(--muted,#85818c);margin-top:12px}
.link-card[data-link-loading="true"] .link-card-title::after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.6em;vertical-align:-.05em;border:2px solid #d9d1e6;border-top-color:#81709b;border-radius:50%;animation:link-card-loading .7s linear infinite}
@keyframes link-card-loading{to{transform:rotate(360deg)}}
.link-card:hover{border-color:#c9c1d8}.link-card.ProseMirror-selectednode{outline:2px solid #b4a5d4}
.note-editor .ProseMirror a.link-card,.markdown-preview-content a.link-card{display:block;color:var(--text,#24242b);text-decoration:none;border:1px solid var(--border,#e4e2e7)}
.note-editor .ProseMirror .link-card img{margin:0;width:24px;height:24px;max-width:24px}
@media(max-width:600px){.link-card{padding:18px 20px}}
.link-card.is-attachment,.note-editor .ProseMirror a.link-card.is-attachment,.markdown-preview-content a.link-card.is-attachment{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto;column-gap:22px;min-height:200px;padding:0;overflow:hidden;text-align:left}
.link-card.is-attachment,.link-card.is-attachment:is(:hover,:focus-visible,:active,:visited){color:var(--text,#24242b)!important;text-decoration:none!important;border-color:var(--border,#e4e2e7)!important}
.link-card.is-attachment>.link-card-icon{position:relative;z-index:1;grid-column:1;grid-row:1;align-self:end;justify-self:end;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:38px;padding:5px;margin:8px;border:0;border-radius:5px;background:var(--surface,#fff);line-height:1}
.link-card.is-attachment>.link-card-icon>svg,.link-card.is-attachment>.link-card-icon>img,.note-editor .ProseMirror a.link-card.is-attachment>.link-card-icon>img{display:block;flex:none;width:27px;height:30px;max-width:27px;margin:0;object-fit:contain}
.link-card.is-attachment>.link-card-title{grid-column:2;grid-row:1;min-width:0;align-self:center;padding:22px 24px 22px 0;color:inherit;font-size:1.05em;line-height:1.45;text-decoration:none}
.link-card.is-attachment>.link-card-url{display:none!important}
.link-card.is-attachment img{cursor:pointer}
.link-card.is-attachment>.link-card-cover{position:relative;grid-column:1;grid-row:1;align-self:stretch;min-height:198px;overflow:hidden;border-radius:0;background:#f5f5f5}
.link-card.is-attachment>.link-card-cover>img,.note-editor .ProseMirror a.link-card.is-attachment>.link-card-cover>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:none;margin:0;padding:0;object-fit:cover;border:0;border-radius:0;box-shadow:none}
@media(max-width:600px){.link-card.is-attachment,.note-editor .ProseMirror a.link-card.is-attachment,.markdown-preview-content a.link-card.is-attachment{grid-template-columns:100px minmax(0,1fr);column-gap:16px;min-height:170px;padding:0}.link-card.is-attachment>.link-card-cover{min-height:168px}.link-card.is-attachment>.link-card-title{padding:16px 16px 16px 0}}

/* Shared by the application and the exported Blog. */
:is(.blog-image-dialog,.dashboard-media-dialog.blog-media-dialog){position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:rgba(0,0,0,.9);color:#fff;box-shadow:none;overflow:hidden;--blog-post-width:clamp(320px,28.5vw,560px)}
:is(.blog-image-dialog,.dashboard-media-dialog.blog-media-dialog)::backdrop{background:transparent}
.blog-image-dialog[open]{display:block}
.blog-image-dialog.has-post[open],.dashboard-media-dialog.blog-media-dialog.has-post[open]{display:grid;grid-template-columns:minmax(0,1fr) var(--blog-post-width);grid-template-rows:minmax(0,1fr)}
.blog-image-dialog.has-post.is-post-hidden[open],.dashboard-media-dialog.blog-media-dialog.has-post.is-post-hidden[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.blog-image-dialog>.imageHost,.blog-media-dialog>.dashboard-media-reader{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
.blog-image-dialog .imageStage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.blog-image-dialog .imageStage img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;user-select:none;transform-origin:center}
.blog-media-dialog :is(.dashboard-image-reader,.imageHost,.imageStage){background:transparent}
.blog-image-dialog .imageHost{touch-action:none}
:is(.blog-image-dialog,.blog-media-dialog) :is(.blog-image-close,.blog-media-nav,.blog-media-toggle){position:absolute;z-index:5;top:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:8px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;box-shadow:none;cursor:pointer;font:30px/1 system-ui}
:is(.blog-image-dialog,.blog-media-dialog) .blog-image-close{left:16px;right:auto}
:is(.blog-image-dialog,.blog-media-dialog) .blog-media-nav{top:50%;transform:translateY(-50%)}
:is(.blog-image-dialog,.blog-media-dialog) .blog-media-previous{left:16px}
:is(.blog-image-dialog,.blog-media-dialog) .blog-media-next{right:16px}
:is(.blog-image-dialog,.blog-media-dialog) .blog-media-toggle{right:16px}
.blog-media-toggle svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
:is(.blog-image-dialog,.blog-media-dialog) :is(.blog-image-close,.blog-media-nav,.blog-media-toggle):hover{background:rgba(35,35,35,.9)}
:is(.blog-image-dialog,.blog-media-dialog) :is(.blog-image-close,.blog-media-nav,.blog-media-toggle):focus-visible{outline:2px solid #fff;outline-offset:2px}
:is(.blog-image-dialog,.blog-media-dialog) :is(.blog-media-nav,.blog-media-toggle)[hidden],.blog-media-post[hidden]{display:none}
.blog-media-post{min-width:0;min-height:0;height:100%;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:#fff;color:#0f1419;padding:20px 24px 32px;font:17px/1.6 system-ui,sans-serif}
.blog-media-post .thought-media,.blog-media-post .thought-expand{display:none}
.blog-media-post .thought-content.is-collapsed{max-height:none;overflow:visible}
.blog-media-post .local-blog{height:auto;font-size:17px}
.blog-media-post .feed-entry{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;border:0;padding:0}
.blog-media-post .feed-avatar,.blog-media-author>img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.blog-media-post .feed-avatar{grid-column:1;grid-row:1}
.blog-media-post .feed-body{display:contents}
.blog-media-post .feed-body>*{grid-column:1/-1;min-width:0}
.blog-media-post .feed-body>.feed-meta{grid-column:2;grid-row:1;align-self:center}
.blog-media-author{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.blog-media-post .feed-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;font-size:15px}
.blog-media-post .feed-author{font-weight:700}
.blog-media-post .feed-author .verified-badge{width:20px;height:20px;vertical-align:middle;fill:#1d9bf0}
.blog-media-post .feed-permalink{color:#536471;text-decoration:none}
.blog-media-post .thought-content{margin-top:16px}
.blog-media-post .article-card{display:block;margin-top:16px;color:inherit;text-decoration:none;border:1px solid #eff1f2;border-radius:12px;overflow:hidden}
.blog-media-post .article-cover{display:block;width:100%;height:auto;object-fit:cover}
.blog-media-post .article-summary{padding:12px}
.blog-media-post .article-summary h2{font-size:18px;line-height:1.4;margin:0 0 6px}
.blog-media-post .article-summary p{font-size:15px;line-height:1.5;color:#536471;margin:0}
.blog-media-post .document-tag{color:#1d9bf0;text-decoration:none;cursor:pointer}
.blog-media-post .blog-repost-card{margin-top:16px}
.thought-content img,.thought-image img,.profile-avatar,.profile-banner img,.published-document img:not([aria-hidden=true]){cursor:zoom-in}
.blog-image-dialog .imageHost.clickZoom{cursor:zoom-in}.blog-image-dialog .imageHost.clickZoom.is-zoomed{cursor:zoom-out}.blog-image-dialog .imageHost.clickZoom.is-dragging{cursor:grabbing}
html:has(.blog-image-dialog[open]),body:has(.blog-image-dialog[open]){overflow:hidden!important}
.blog-image-dialog{overscroll-behavior:contain}
@media(max-width:720px){.blog-image-dialog.has-post[open],.dashboard-media-dialog.blog-media-dialog.has-post[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,3fr) minmax(160px,2fr)}.blog-media-post{padding:16px}}