.blog-surface{--paper:#f8f8f4;--white:#fff;--ink:#192326;--muted:#656e70;--line:#dedfda;--blue:#173df5;--pale:#eef1ff;--green:#35624e;--radius:8px;--sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--serif:Georgia, "Times New Roman", serif}.blog-surface .reveal-section,.blog-surface .reveal-section:not(.is-visible){opacity:1;transition:none;transform:none}.blog-surface *{box-sizing:border-box}.blog-surface{background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}.blog-surface a{color:inherit;text-decoration:none}.blog-surface button,.blog-surface input,.blog-surface select,.blog-surface textarea{font:inherit;color:inherit}.blog-surface button,.blog-surface a,.blog-surface input,.blog-surface textarea,.blog-surface select{-webkit-tap-highlight-color:transparent}.blog-surface button{cursor:pointer}.blog-surface button:disabled{cursor:not-allowed;opacity:.5}.blog-surface button{background:0 0;border:0}.blog-surface button svg,.blog-surface a svg{flex-shrink:0}.blog-surface svg{vertical-align:middle}.blog-surface a:hover{color:var(--blue)}.blog-surface :focus-visible{outline-offset:4px;outline:3px solid #173df5}.blog-surface ::selection{background:#dce3ff}.blog-surface h1,.blog-surface h2,.blog-surface h3,.blog-surface p{margin:0}.blog-surface h1,.blog-surface h2,.blog-surface h3{line-height:1.14}.blog-surface h1,.blog-surface h2{font-weight:500}.blog-surface img,.blog-surface svg{max-width:100%}.blog-surface .skip{z-index:50;background:#fff;padding:12px;position:fixed;top:-90px;left:12px}.blog-surface .skip:focus{top:10px}.blog-surface .muted{color:var(--muted)}.blog-surface .small{font-size:12px}.blog-surface .eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:600}.blog-surface .flex{align-items:center;gap:12px;display:flex}.blog-surface .between{justify-content:space-between;align-items:center;gap:16px;display:flex}.blog-surface .button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 17px;font-size:13px;font-weight:550;line-height:1.4;display:inline-flex}.blog-surface .button:hover{color:var(--blue);background:#fafbff;border-color:#a7afc7}.blog-surface .button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.blog-surface .button.primary:hover{background:#1232cb}.blog-surface .button.dark{background:var(--ink);border-color:var(--ink);color:#fff}.blog-surface .button.ghost{background:0 0;border-color:#0000}.blog-surface .button.small{min-height:34px;padding:7px 11px;font-size:12px}.blog-surface .icon-button{border:1px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:42px;height:42px;display:inline-grid}.blog-surface .icon-button:hover{background:var(--pale);color:var(--blue)}.blog-surface .arrow-link{align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.blog-surface .badge{white-space:nowrap;background:#efefec;border-radius:4px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;line-height:1.5;display:inline-flex}.blog-surface .badge.blue{background:var(--pale);color:#2445b5}.blog-surface .badge.green{color:#35624e;background:#edf4ee}.blog-surface .badge.amber{color:#835d23;background:#fbf1df}.blog-surface .dot{background:currentColor;border-radius:50%;width:5px;height:5px}.blog-surface .avatar{color:#3c4940;border:3px solid var(--paper);background:#e8e9df;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:11px;display:inline-grid}.blog-surface .avatar.blue{color:#324d9d;background:#e6e9fb}.blog-surface .avatar.dark{background:var(--ink);color:#fff}.blog-surface .avatar.big{width:44px;height:44px;font-size:13px}.blog-surface .review-bar{color:#e7edea;z-index:20;background:#202b30;align-items:center;gap:24px;min-height:44px;padding:8px 24px;font-size:11px;display:flex;position:relative}.blog-surface .review-mark{white-space:nowrap;letter-spacing:.1em;font-weight:650}.blog-surface .review-mark span{color:#c7cf8a;margin-left:8px}.blog-surface .review-nav{scrollbar-width:none;gap:3px;display:flex;overflow:auto}.blog-surface .review-nav a{white-space:nowrap;color:#c9d0cf;border-radius:4px;padding:5px 9px;font-size:11px}.blog-surface .review-nav a.active{color:#fff;background:#415055}.blog-surface .demo-label{white-space:nowrap;color:#aeb9b7;margin-left:auto;font-size:10px}.blog-surface .brand{letter-spacing:-.9px;align-items:center;gap:10px;font-size:20px;font-weight:650;display:inline-flex}.blog-surface .brand-mark{background:var(--blue);border-radius:2px;width:24px;height:24px;display:inline-block;position:relative}.blog-surface .brand-mark:before,.blog-surface .brand-mark:after{content:"";background:#fff;width:3px;height:13px;position:absolute;top:6px;left:8px;transform:rotate(-30deg)}.blog-surface .brand-mark:after{left:14px}.blog-surface .brand small{letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);margin-left:3px;padding-left:12px;font-size:11px;font-weight:400}.blog-surface .journal-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;max-width:1248px;height:87px;margin:auto;display:flex}.blog-surface .site-links{align-items:center;gap:30px;font-size:13px;display:flex}.blog-surface .site-links .current{color:var(--blue)}.blog-surface .container{max-width:1248px;margin:auto;padding:0}.blog-surface .journal-intro{grid-template-columns:1fr 350px;align-items:end;gap:50px;padding:59px 0 42px;display:grid}.blog-surface .journal-intro h1{font:72px/1.06 var(--serif);letter-spacing:-3px;margin-top:18px}.blog-surface .journal-intro h1 em{color:var(--blue);font-weight:400}.blog-surface .journal-intro p{color:var(--muted);max-width:320px;padding-bottom:7px;font-size:14px;line-height:1.8}.blog-surface .tiny-rule{align-items:center;gap:9px;display:flex}.blog-surface .tiny-rule:before{content:"";background:currentColor;width:23px;height:1px}.blog-surface .feature{background:#edeedf;border-radius:4px;grid-template-columns:1.1fr 1fr;min-height:428px;display:grid;overflow:hidden}.blog-surface .feature-art{background:#e9edde;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.blog-surface .art{object-fit:cover;width:100%;height:100%;display:block}.blog-surface .feature-copy{flex-direction:column;align-items:start;padding:45px 48px;display:flex}.blog-surface .feature-copy h2{font:43px/1.15 var(--serif);letter-spacing:-1.3px;margin:20px 0 18px}.blog-surface .feature-copy p{color:#536059;max-width:350px;font-size:14px;line-height:1.8}.blog-surface .byline{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.blog-surface .feature-copy .byline{margin-top:auto;padding-top:22px}.blog-surface .feature-copy .avatar{border-color:#edeedf}.blog-surface .feature-copy .arrow-link{margin-top:27px}.blog-surface .feed-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:43px 0 20px;display:flex}.blog-surface .categories{flex-wrap:wrap;align-items:center;gap:22px;font-size:12px;display:flex}.blog-surface .category{color:var(--muted);padding:7px 0}.blog-surface .category.active{color:var(--ink);font-weight:650}.blog-surface .category.active:after{content:"";background:var(--ink);height:2px;margin-top:7px;margin-bottom:-9px;display:block}.blog-surface .search{border:1px solid var(--line);background:#ffffff8c;border-radius:6px;align-items:center;gap:9px;padding:8px 12px;display:flex}.blog-surface .search input{background:0 0;border:none;outline:none;width:160px;min-width:0;font-size:12px}.blog-surface .search kbd{border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:0 4px;font-size:10px}.blog-surface .story-grid{grid-template-columns:repeat(3,1fr);gap:30px;padding:28px 0 45px;display:grid}.blog-surface .story{border-bottom:1px solid var(--line);padding-bottom:25px}.blog-surface .story .thumb{border-radius:4px;height:205px;margin-bottom:21px;overflow:hidden}.blog-surface .story .eyebrow{color:var(--muted);font-size:10px}.blog-surface .story h3{font:26px/1.25 var(--serif);letter-spacing:-.3px;margin:10px 0 13px}.blog-surface .story p{color:var(--muted);margin-bottom:19px;font-size:13px;line-height:1.7}.blog-surface .journal-bottom{border:1px solid var(--line);border-radius:4px;justify-content:space-between;align-items:center;gap:20px;margin:5px 0 65px;padding:28px 32px;display:flex}.blog-surface .journal-bottom h3{font:25px var(--serif);margin-bottom:5px}.blog-surface .site-footer{border-top:1px solid var(--line);color:var(--muted);padding:26px 0 35px;font-size:12px}.blog-surface .site-footer .brand{color:var(--ink);font-size:16px}.blog-surface .site-footer .brand-mark{width:20px;height:20px}.blog-surface .site-footer .brand-mark:before,.blog-surface .site-footer .brand-mark:after{height:11px;top:5px}.blog-surface .article-heading{max-width:860px;margin:0 auto;padding:38px 0 37px}.blog-surface .breadcrumbs{color:var(--muted);gap:10px;margin-bottom:30px;font-size:11px;display:flex}.blog-surface .article-heading h1{font:58px/1.13 var(--serif);letter-spacing:-1.7px;margin:18px 0}.blog-surface .article-deck{color:var(--muted);max-width:780px;font-size:18px;line-height:1.75}.blog-surface .article-meta{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.blog-surface .article-meta .avatar{border:0}.blog-surface .reading-cover{border-radius:4px;max-width:1000px;height:350px;margin:auto;position:relative;overflow:hidden}.blog-surface .reading-cover svg{object-fit:cover;width:100%;height:100%}.blog-surface .caption{text-align:right;max-width:1000px;color:var(--muted);margin:8px auto 35px;font-size:10px}.blog-surface .reading-layout{grid-template-columns:190px minmax(0,660px) 100px;justify-content:center;gap:42px;display:grid}.blog-surface .toc{align-self:start;padding-top:10px;font-size:12px;position:sticky;top:26px}.blog-surface .toc .eyebrow{margin-bottom:16px;font-size:10px}.blog-surface .toc a{border-left:1px solid var(--line);color:var(--muted);padding:8px 0 8px 14px;display:block}.blog-surface .toc a.current{border-color:var(--blue);color:var(--blue)}.blog-surface .article-body{font:19px/1.85 var(--serif)}.blog-surface .article-body p{margin-bottom:24px}.blog-surface .article-body .lead:first-letter{float:left;color:var(--blue);padding:8px 9px 0 0;font-size:66px;line-height:.9}.blog-surface .article-body h2{font:31px/1.25 var(--serif);letter-spacing:-.5px;margin:38px 0 19px;scroll-margin-top:25px}.blog-surface .article-body blockquote{border-left:3px solid var(--blue);font:italic 27px/1.5 var(--serif);color:#304345;margin:32px 0;padding:7px 0 7px 24px}.blog-surface .insight{font:14px/1.75 var(--sans);background:#ecefe7;border-radius:4px;margin:30px 0;padding:25px 28px}.blog-surface .insight .eyebrow{color:var(--green);margin-bottom:10px}.blog-surface .article-body pre{color:#dce7db;background:#202c31;border-radius:6px;padding:24px;font:12px/1.8 ui-monospace,monospace;overflow:auto}.blog-surface .side-share{flex-direction:column;align-self:start;align-items:center;gap:10px;padding-top:7px;display:flex;position:sticky;top:30px}.blog-surface .side-share .small{color:var(--muted);letter-spacing:.05em;margin-bottom:5px;font-size:9px}.blog-surface .article-end{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--sans);justify-content:space-between;align-items:center;gap:14px;margin:38px 0;padding:28px 0;display:flex}.blog-surface .author-card{border-bottom:1px solid var(--line);font-family:var(--sans);align-items:start;gap:16px;margin-bottom:38px;padding-bottom:30px;display:flex}.blog-surface .author-card h3{margin:7px 0;font-size:15px}.blog-surface .author-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.blog-surface .discussion{font-family:var(--sans);padding-bottom:70px;scroll-margin-top:30px}.blog-surface .discussion h2{font:31px var(--serif);margin:0}.blog-surface .discussion-header{margin-bottom:23px}.blog-surface .discussion textarea{resize:vertical;outline-offset:-3px;background:0 0;border:0;width:100%;height:105px;padding:16px;font-size:13px}.blog-surface .composer{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.blog-surface .composer-bottom{border-top:1px solid #eeefeb;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;display:flex}.blog-surface .comment{gap:12px;margin-top:27px;display:flex}.blog-surface .comment-content{flex:1;min-width:0}.blog-surface .comment-top{align-items:center;gap:8px;margin-bottom:7px;font-size:12px;display:flex}.blog-surface .comment-top time{color:var(--muted);font-size:10px}.blog-surface .comment p{color:#434e50;margin:0 0 8px;font-size:13px;line-height:1.85}.blog-surface .comment-actions{color:var(--muted);align-items:center;gap:15px;font-size:11px;display:flex}.blog-surface .comment-actions button{padding:4px 0;font-size:11px}.blog-surface .reply{border-left:1px solid var(--line);margin-top:18px;padding-left:17px}.blog-surface .private-note{color:var(--muted);margin-top:10px;font-size:11px}.blog-surface .studio{background:#f6f7f5;grid-template-columns:222px minmax(0,1fr);min-height:calc(100vh - 44px);display:grid}.blog-surface .sidebar{border-right:1px solid var(--line);background:#fcfcfa;flex-direction:column;gap:28px;min-width:0;padding:28px 17px 20px;display:flex}.blog-surface .sidebar .brand{margin-left:8px;font-size:18px}.blog-surface .studio-brand{align-self:flex-start;display:inline-flex;position:relative}.blog-surface .studio-brand__label{color:var(--muted);letter-spacing:.02em;font-size:8px;font-weight:500;line-height:1.2;position:absolute;top:-7px;right:0;transform:translate(calc(100% + 3px))}.blog-surface .workspace{border:1px solid var(--line);background:#f1f2ed;border-radius:7px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.blog-surface .workspace strong{font-weight:550}.blog-surface .workspace small{color:var(--muted);font-size:10px;display:block}.blog-surface .sidebar-label{letter-spacing:.13em;text-transform:uppercase;color:#79817d;margin:0 13px 10px;font-size:9px}.blog-surface .side-nav a{color:#66716d;border-radius:5px;align-items:center;gap:11px;margin:3px 0;padding:10px 12px;font-size:12px;transition:background-color .18s,color .18s,transform .18s;display:flex}.blog-surface .side-nav a:hover{background-color:#f0f2f8}.blog-surface .side-nav a.active{color:#2546bd;background:#e9edfc;font-weight:600}.blog-surface .studio-content--enter{animation:.22s cubic-bezier(.2,.7,.3,1) both studio-content-enter}@keyframes studio-content-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.blog-surface .side-nav a{transition:none}.blog-surface .side-nav a:active{transform:none}.blog-surface .studio-content--enter{animation:none}}.blog-surface .nav-count{color:#55615b;background:#e9ece6;border-radius:4px;margin-left:auto;padding:0 6px;font-size:10px}.blog-surface .side-nav a.active .nav-count{color:#2546bd;background:#d9e1fc}.blog-surface .sidebar-bottom{margin-top:auto;padding-top:65px}.blog-surface .workspace-user{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:17px;padding:18px 6px 0;font-size:12px;display:flex}.blog-surface .workspace-avatar{object-fit:cover;border-radius:50%;flex:0 0 34px;width:34px;height:34px}.blog-surface .workspace-identity{flex:1;min-width:0}.blog-surface .workspace-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.blog-surface .workspace-user:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.blog-surface .studio-main{flex-direction:column;min-width:0;display:flex}.blog-surface .studio-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin:auto 37px 0;padding:22px 0;font-size:11px;display:flex}.blog-surface .studio-footer-credit,.blog-surface .studio-footer nav,.blog-surface .studio-footer a{align-items:center;gap:8px;display:flex}.blog-surface .studio-footer-credit{gap:12px}.blog-surface .studio-footer-credit strong{color:var(--ink);font-weight:600}.blog-surface .studio-footer nav{flex-wrap:wrap;gap:20px}.blog-surface .studio-footer a:hover{color:var(--blue)}.blog-surface .studio-footer a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media (max-width:700px){.blog-surface .studio-footer{margin-inline:20px}}.blog-surface .studio-top{border-bottom:1px solid var(--line);height:67px;color:var(--muted);background:#fcfcfa;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:0 37px;font-size:12px;display:flex}.blog-surface .studio-content{width:100%;max-width:1230px;margin:0 auto;padding:39px 37px}.blog-surface .studio-title{margin-bottom:27px}.blog-surface .studio-title h1{letter-spacing:-.9px;margin:5px 0 8px;font-size:29px;font-weight:600}.blog-surface .studio-title p{color:var(--muted);font-size:13px}.blog-surface .stats{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(3,1fr);margin:24px 0 30px;display:grid}.blog-surface .stat{border-right:1px solid var(--line);padding:20px 24px}.blog-surface .stat:last-child{border:0}.blog-surface .stat-label{color:var(--muted);margin-bottom:5px;font-size:11px}.blog-surface .stat-value{letter-spacing:-1px;font-size:27px;font-weight:550}.blog-surface .stat-note{color:var(--muted);margin-left:12px;font-size:10px}.blog-surface .panel{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.blog-surface .panel-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.blog-surface .panel-tabs{color:var(--muted);align-items:center;gap:23px;font-size:12px;display:flex}.blog-surface .panel-tabs button{white-space:nowrap;padding:8px 0;font-size:12px}.blog-surface .panel-tabs button.active{color:var(--ink);font-weight:600}.blog-surface .panel-tabs .count{background:#f0f1ed;border-radius:4px;margin-left:4px;padding:2px 5px;font-size:10px}.blog-surface .list-controls{justify-content:space-between;align-items:center;gap:15px;padding:16px 22px;display:flex}.blog-surface .list-controls .search{background:#fff;width:260px}.blog-surface .list-controls .search input{width:100%}.blog-surface .post-table{border-collapse:collapse;text-align:left;width:100%}.blog-surface .post-table th{letter-spacing:.02em;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf8;padding:11px 18px;font-size:10px;font-weight:500}.blog-surface .post-table td{border-bottom:1px solid #edefe8;padding:17px 18px;font-size:11px}.blog-surface .post-table tr:last-child td{border-bottom:0}.blog-surface .post-title{align-items:center;gap:13px;min-width:220px;display:flex}.blog-surface .post-mini{border-radius:3px;flex-shrink:0;width:61px;height:47px;overflow:hidden}.blog-surface .post-title strong{max-width:290px;font-size:12px;font-weight:550;line-height:1.5;display:block}.blog-surface .post-title small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.blog-surface .table-check{appearance:none;border:1px solid #c7ccc6;border-radius:3px;width:13px;height:13px;margin:0}.blog-surface .table-check:checked{background:var(--blue);box-shadow:inset 0 0 0 2px #fff}.blog-surface .panel-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:16px 22px;font-size:11px;display:flex}.blog-surface .panel-footer strong{color:var(--ink);font-weight:600}.blog-surface .pagination-end{color:var(--muted);font-size:10px}.blog-surface .hint-card{color:#536349;background:#edf0e7;border:1px solid #e0e4d8;border-radius:7px;align-items:center;gap:14px;margin-top:23px;padding:17px 20px;font-size:12px;display:flex}.blog-surface .hint-card p{color:#68705f;margin-top:2px;font-size:11px}.blog-surface .hint-card svg{flex-shrink:0}.blog-surface .editor-shell{background:#fff;min-height:calc(100vh - 44px)}.blog-surface .editor-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:73px;padding:0 28px;display:flex}.blog-surface .editor-top .brand{font-size:17px}.blog-surface .saved{color:var(--green);align-items:center;gap:6px;font-size:11px;display:flex}.blog-surface .editor-layout{grid-template-columns:minmax(0,1fr) 296px;min-height:calc(100vh - 117px);display:grid}.blog-surface .editor-canvas{min-width:0;padding:38px 65px 60px}.blog-surface .editor-page{max-width:760px;margin:auto}.blog-surface .editor-breadcrumb{color:var(--muted);margin-bottom:25px;font-size:11px}.blog-surface .editor-cover{border-radius:5px;height:180px;margin-bottom:29px;position:relative;overflow:hidden}.blog-surface .editor-cover .button{position:absolute;bottom:13px;right:13px;box-shadow:0 2px 8px #0001}.blog-surface .editor-title{font:45px/1.18 var(--serif);letter-spacing:-1px;outline:none;margin-bottom:20px}.blog-surface .editor-summary{font:17px/1.8 var(--sans);color:var(--muted);outline:none;max-width:690px}.blog-surface .editor-author{color:var(--muted);align-items:center;gap:9px;padding:19px 0 25px;font-size:11px;display:flex}.blog-surface .formatbar{border:1px solid var(--line);background:#fafbf8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:26px;padding:5px 8px;display:flex;box-shadow:0 3px 8px #25352904}.blog-surface .formatbar button{border-radius:3px;place-items:center;min-width:31px;height:32px;font-size:12px;display:inline-grid}.blog-surface .formatbar button:hover{background:#e7ece1}.blog-surface .formatbar .divider{background:var(--line);width:1px;height:20px;margin:0 6px}.blog-surface .editor-prose{font:19px/1.8 var(--serif);outline:none;min-height:200px;padding-left:28px}.blog-surface .editor-prose p{margin-bottom:22px}.blog-surface .editor-prose h2{font:30px/1.25 var(--serif);margin:31px 0 20px}.blog-surface .slash-hint{font:13px var(--sans);color:#9ba09b;margin:30px 0}.blog-surface .editor-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:16px 0;font-size:10px;display:flex}.blog-surface .editor-settings{border-left:1px solid var(--line);background:#fafbf8;padding:24px 21px}.blog-surface .settings-head{border-bottom:1px solid var(--line);gap:23px;margin-bottom:24px;padding-bottom:17px;font-size:12px;display:flex}.blog-surface .settings-head .active{font-weight:600}.blog-surface .field{margin:19px 0}.blog-surface .field label{margin-bottom:7px;font-size:11px;font-weight:550;display:block}.blog-surface .field input,.blog-surface .field select,.blog-surface .field textarea{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;min-height:39px;padding:10px;font-size:12px}.blog-surface .field small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.6;display:block}.blog-surface .field textarea{resize:vertical;height:87px}.blog-surface .fake-input{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:6px;padding:8px;display:flex}.blog-surface .field-rule{background:var(--line);height:1px;margin:24px 0}.blog-surface .toggle-row{justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.blog-surface .toggle{appearance:none;cursor:pointer;background:#bcc2ba;border-radius:12px;flex-shrink:0;width:29px;height:17px;position:relative}.blog-surface .toggle:checked{background:var(--blue)}.blog-surface .toggle:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:3px;left:3px}.blog-surface .toggle:checked:after{left:15px}.blog-surface .checklist{color:#5d715e;margin-top:17px;font-size:10px;line-height:2.6}.blog-surface .checklist svg{margin-right:6px}.blog-surface .moderation-layout{grid-template-columns:330px minmax(0,1fr);min-height:490px;display:grid}.blog-surface .mod-list{border-right:1px solid var(--line)}.blog-surface .mod-item{text-align:left;border-bottom:1px solid var(--line);width:100%;padding:21px;display:block}.blog-surface .mod-item.active{box-shadow:inset 3px 0 var(--blue);background:#f0f3ff}.blog-surface .mod-item .name{font-size:12px;font-weight:600}.blog-surface .mod-item .small{color:var(--muted);font-size:10px}.blog-surface .mod-item p{color:#546163;margin:10px 0;font-size:12px;line-height:1.7}.blog-surface .mod-item .article-ref{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.blog-surface .mod-detail{padding:28px}.blog-surface .mod-detail h2{letter-spacing:-.4px;font-size:18px;font-weight:600}.blog-surface .mod-context{border:1px solid var(--line);background:#f7f8f4;border-radius:5px;margin:21px 0 27px;padding:16px;font-size:12px}.blog-surface .mod-detail blockquote{margin:15px 0 28px;font-size:15px;line-height:1.85}.blog-surface .mod-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:9px;padding-top:23px;display:flex}.blog-surface .settings-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:25px;display:grid}.blog-surface .settings-card{padding:25px}.blog-surface .settings-column{flex-direction:column;gap:20px;min-width:0;display:flex}.blog-surface .settings-grid--organized{align-items:start}.blog-surface .settings-account{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;font-size:12px;display:flex}.blog-surface .settings-account>svg{color:var(--blue)}.blog-surface .settings-account strong,.blog-surface .settings-account span{display:block}.blog-surface .settings-account span{color:var(--muted);overflow-wrap:anywhere;margin-top:3px}.blog-surface .settings-account small{color:var(--muted);margin-left:auto}.blog-surface .settings-save{border-top:1px solid var(--line);justify-content:flex-end;margin-top:20px;padding-top:18px;display:flex}.blog-surface .settings-column .member>span{overflow-wrap:anywhere;min-width:0}.blog-surface .settings-column .member .icon-button{flex-shrink:0}.blog-surface .settings-card h2{margin-bottom:6px;font-size:17px;font-weight:600}.blog-surface .settings-card>p{color:var(--muted);font-size:12px}.blog-surface .member{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:18px 0;font-size:12px;display:flex}.blog-surface .member .badge{margin-left:auto}.blog-surface .state-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.blog-surface .state-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:235px;padding:25px}.blog-surface .state-card h2{margin-bottom:9px;font-size:16px;font-weight:600}.blog-surface .state-card--empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.blog-surface .state-card--empty p{margin-bottom:0}.blog-surface .state-card p{color:var(--muted);max-width:380px;margin:12px 0 20px;font-size:13px}.blog-surface .state-card .state-icon{background:var(--pale);width:40px;height:40px;color:var(--blue);border-radius:9px;place-items:center;margin-bottom:20px;display:grid}.blog-surface .notice{color:#775b24;background:#fffbef;border:1px solid #e5d8b7;border-radius:6px;margin:18px 0;padding:15px;font-size:12px}.blog-surface .skeleton{background:#eff1ec;border-radius:4px;width:80%;height:12px;margin-top:14px}.blog-surface .skeleton.short{width:50%}.blog-surface .toast{color:#fff;opacity:0;pointer-events:none;z-index:100;background:#202b30;border-radius:8px;width:max-content;max-width:calc(100% - 30px);padding:13px 20px;font-size:12px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);box-shadow:0 8px 30px #0002}.blog-surface .toast.visible{opacity:1;transform:translate(-50%)}.blog-surface dialog{border:1px solid var(--line);border-radius:12px;width:min(510px,100vw - 30px);padding:30px;box-shadow:0 30px 100px #0003}.blog-surface dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15232966}.blog-surface dialog h2{font:30px var(--serif);margin:0 0 15px}.blog-surface dialog p{color:var(--muted);margin-bottom:20px;font-size:13px}.blog-surface .modal-close{margin-top:20px}.blog-surface .share-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.blog-surface .seo-preview{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:5px;margin:15px 0;padding:15px;font-size:10px}.blog-surface .seo-preview strong{color:#234ea0;margin:7px 0;font-size:15px;font-weight:500;display:block}.blog-surface .empty-search{color:var(--muted);grid-column:1/-1;padding:50px 0}.blog-surface .mobile-only{display:none}@media (min-width:1500px){.blog-surface .container,.blog-surface .journal-nav{max-width:1320px}.blog-surface .feature{min-height:450px}.blog-surface .journal-intro h1{font-size:80px}.blog-surface .feature-copy h2{font-size:47px}.blog-surface .feature-art{min-height:440px}}@media (max-width:1320px){.blog-surface .container,.blog-surface .journal-nav{margin-left:40px;margin-right:40px}.blog-surface .reading-layout{grid-template-columns:160px minmax(0,650px) 55px;gap:28px}.blog-surface .editor-canvas{padding:35px 45px}.blog-surface .post-table th,.blog-surface .post-table td{padding-left:13px;padding-right:13px}.blog-surface .post-mini{width:45px;height:40px}.blog-surface .studio-content{padding:32px 27px}.blog-surface .studio-top{padding:0 27px}}@media (max-width:1080px){.blog-surface .journal-intro h1{font-size:62px}.blog-surface .journal-intro{grid-template-columns:1fr 285px}.blog-surface .feature-copy{padding:32px}.blog-surface .feature-copy h2{font-size:35px}.blog-surface .feature-art{min-height:345px}.blog-surface .story .thumb{height:170px}.blog-surface .reading-layout{grid-template-columns:minmax(0,660px) 50px}.blog-surface .toc{display:none}.blog-surface .studio{grid-template-columns:190px minmax(0,1fr)}.blog-surface .sidebar{padding-left:12px;padding-right:12px}.blog-surface .studio-content{padding:28px 23px}.blog-surface .post-table .optional{display:none}.blog-surface .moderation-layout{grid-template-columns:280px 1fr}.blog-surface .editor-layout{grid-template-columns:minmax(0,1fr) 260px}.blog-surface .editor-canvas{padding:35px}.blog-surface .editor-settings{padding:22px 17px}.blog-surface .editor-title{font-size:36px}.blog-surface .review-bar{gap:15px;padding-left:16px;padding-right:16px}.blog-surface .demo-label{display:none}.blog-surface .site-links{gap:20px}}@media (max-width:800px){.blog-surface .container,.blog-surface .journal-nav{margin-left:25px;margin-right:25px}.blog-surface .journal-nav{height:74px}.blog-surface .site-links a:not(.current){display:none}.blog-surface .site-links{gap:15px}.blog-surface .journal-intro{grid-template-columns:1fr;gap:18px;padding:39px 0 30px}.blog-surface .journal-intro h1{letter-spacing:-2px;margin-top:13px;font-size:58px}.blog-surface .journal-intro p{max-width:470px}.blog-surface .feature{grid-template-columns:1fr 1fr;min-height:360px}.blog-surface .feature-copy{padding:27px 24px}.blog-surface .feature-copy h2{font-size:30px}.blog-surface .feature-copy p{font-size:12px}.blog-surface .feature-copy .byline{font-size:10px}.blog-surface .story-grid{grid-template-columns:repeat(2,1fr);gap:21px}.blog-surface .story:last-child{display:none}.blog-surface .feed-toolbar{flex-direction:column;align-items:start;gap:16px;padding-top:28px}.blog-surface .feed-toolbar .search,.blog-surface .feed-toolbar .search input{width:100%}.blog-surface .categories{gap:18px}.blog-surface .article-heading{padding-top:28px}.blog-surface .article-heading h1{font-size:47px}.blog-surface .article-deck{font-size:16px}.blog-surface .reading-layout{max-width:660px;margin:auto;display:block}.blog-surface .side-share{display:none}.blog-surface .reading-cover{height:280px}.blog-surface .studio{display:block}.blog-surface .sidebar{display:none}.blog-surface .studio-top{height:60px;padding:0 24px}.blog-surface .studio-content{padding:30px 24px}.blog-surface .editor-layout{grid-template-columns:minmax(0,1fr) 240px}.blog-surface .editor-canvas{padding:27px}.blog-surface .editor-title{font-size:32px}.blog-surface .editor-summary{font-size:15px}.blog-surface .editor-top{padding:0 18px}.blog-surface .editor-top .brand{display:none}.blog-surface .editor-top .flex{gap:8px}.blog-surface .saved span{display:none}.blog-surface .moderation-layout{grid-template-columns:270px 1fr}.blog-surface .mod-detail{padding:23px}.blog-surface .settings-grid{gap:18px}.blog-surface .review-mark{font-size:9px}.blog-surface .review-bar{gap:10px;padding:6px 12px}.blog-surface .review-nav a{padding:5px 8px;font-size:10px}.blog-surface .mobile-only{display:inline-flex}.blog-surface .desktop-only{display:none}}@media (max-width:580px){.blog-surface{font-size:14px}.blog-surface .container,.blog-surface .journal-nav{margin-left:21px;margin-right:21px}.blog-surface .review-bar{padding:7px 12px 5px;display:block}.blog-surface .review-mark{letter-spacing:.08em;justify-content:space-between;margin-bottom:4px;display:flex}.blog-surface .review-mark:after{content:"DỮ LIỆU MINH HỌA";color:#bac5bf;font-size:8px;font-weight:400}.blog-surface .review-nav{gap:2px}.blog-surface .review-nav a{padding:5px 8px}.blog-surface .review-nav a:first-child{margin-left:-8px}.blog-surface .brand{font-size:19px}.blog-surface .brand small{padding-left:9px;font-size:10px}.blog-surface .brand-mark{width:22px;height:22px}.blog-surface .journal-nav{height:69px}.blog-surface .site-links>a.current{display:none}.blog-surface .site-links .button{min-height:35px;padding:8px 11px;font-size:11px}.blog-surface .journal-intro{gap:15px;padding-top:32px}.blog-surface .journal-intro h1{letter-spacing:-1.8px;font-size:48px}.blog-surface .journal-intro .eyebrow{font-size:9px}.blog-surface .journal-intro p{max-width:310px;font-size:13px;line-height:1.75}.blog-surface .feature{grid-template-columns:1fr}.blog-surface .feature-art{height:250px;min-height:0}.blog-surface .feature-copy{padding:27px 25px 28px}.blog-surface .feature-copy h2{letter-spacing:-.6px;margin-top:17px;margin-bottom:14px;font-size:33px}.blog-surface .feature-copy p{font-size:13px}.blog-surface .feature-copy .byline{padding-top:20px;font-size:11px}.blog-surface .feature-copy .arrow-link{margin-top:21px}.blog-surface .categories{scrollbar-width:none;flex-wrap:nowrap;gap:17px;width:100%;max-width:100%;overflow:auto}.blog-surface .category{white-space:nowrap;font-size:11px}.blog-surface .story-grid{grid-template-columns:1fr;gap:28px;padding-top:23px}.blog-surface .story:last-child{display:block}.blog-surface .story .thumb{height:200px;margin-bottom:17px}.blog-surface .story h3{font-size:27px}.blog-surface .story p{font-size:13px}.blog-surface .journal-bottom{flex-direction:column;align-items:start;margin-bottom:38px;padding:25px}.blog-surface .journal-bottom h3{font-size:24px}.blog-surface .journal-bottom p{font-size:12px}.blog-surface .site-footer .between{flex-direction:column;align-items:start;gap:18px}.blog-surface .article-heading{padding-top:22px}.blog-surface .breadcrumbs{flex-wrap:wrap;gap:7px;margin-bottom:26px;font-size:10px}.blog-surface .article-heading h1{letter-spacing:-1px;font-size:39px;line-height:1.17}.blog-surface .article-deck{font-size:15px;line-height:1.8}.blog-surface .article-meta{flex-direction:column;align-items:start;gap:17px;margin-top:22px}.blog-surface .article-meta .byline{font-size:11px}.blog-surface .reading-cover{border-radius:0;height:225px;margin-left:-21px;margin-right:-21px}.blog-surface .caption{margin-bottom:26px;font-size:8px}.blog-surface .article-body{font-size:18px;line-height:1.9}.blog-surface .article-body h2{font-size:29px}.blog-surface .article-body blockquote{margin:28px 0;padding-left:18px;font-size:25px}.blog-surface .insight{padding:20px;font-size:13px}.blog-surface .article-end{flex-direction:column;align-items:start;gap:19px}.blog-surface .author-card p{font-size:12px}.blog-surface .discussion h2{font-size:28px}.blog-surface .discussion-header .muted{font-size:10px}.blog-surface .composer-bottom{align-items:start;gap:10px}.blog-surface .composer-bottom .small{font-size:9px}.blog-surface .composer-bottom .button{min-height:38px;padding:9px 10px;font-size:11px}.blog-surface .comment{gap:8px}.blog-surface .comment-top{flex-wrap:wrap;gap:5px}.blog-surface .comment p{font-size:12px}.blog-surface .comment .avatar{border-width:0;width:28px;height:28px;font-size:9px}.blog-surface .reply{padding-left:10px}.blog-surface .studio-top{height:56px;padding:0 20px}.blog-surface .studio-content{padding:26px 18px}.blog-surface .studio-title{align-items:start}.blog-surface .studio-title h1{font-size:26px}.blog-surface .studio-title p{max-width:210px;font-size:12px}.blog-surface .studio-title .button{min-height:37px;margin-top:7px;padding:9px 12px;font-size:11px}.blog-surface .stats{border-radius:6px;margin:22px 0}.blog-surface .stat{padding:14px 12px}.blog-surface .stat-label{font-size:9px}.blog-surface .stat-value{font-size:24px}.blog-surface .stat-note{margin-top:3px;margin-left:0;font-size:9px;line-height:1.5;display:block}.blog-surface .panel-top{padding:12px 15px;overflow:auto}.blog-surface .panel-tabs{gap:17px;min-width:max-content}.blog-surface .panel-tabs button{font-size:11px}.blog-surface .panel-tabs .count{font-size:9px}.blog-surface .list-controls{padding:14px 15px}.blog-surface .list-controls .search{width:100%;min-width:0}.blog-surface .list-controls>.flex,.blog-surface .post-table thead{display:none}.blog-surface .post-table,.blog-surface .post-table tbody{display:block}.blog-surface .post-table tr{border-top:1px solid #eceee7;grid-template-columns:1fr auto;gap:12px;padding:16px 14px;display:grid}.blog-surface .post-table td{border:0;padding:0;display:block}.blog-surface .post-table td:first-child,.blog-surface .post-table td.optional,.blog-surface .post-table td:last-child{display:none}.blog-surface .post-table td:nth-child(2){grid-column:1/-1}.blog-surface .post-table td:nth-child(4){align-items:center;display:flex}.blog-surface .post-title{min-width:0}.blog-surface .post-title strong{max-width:none;font-size:12px}.blog-surface .post-mini{width:53px;height:43px}.blog-surface .post-table td:nth-child(5){color:var(--muted);place-self:center end;font-size:10px}.blog-surface .panel-footer{padding:13px 15px}.blog-surface .hint-card{align-items:start;padding:16px;font-size:11px}.blog-surface .hint-card p{font-size:10px}.blog-surface .moderation-layout{display:block}.blog-surface .mod-list{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto}.blog-surface .mod-item{border-bottom:0;border-right:1px solid var(--line);min-width:250px;max-width:250px;padding:17px}.blog-surface .mod-item.active{box-shadow:inset 0 -3px var(--blue)}.blog-surface .mod-item p{font-size:11px}.blog-surface .mod-detail{padding:23px 20px}.blog-surface .mod-detail blockquote{font-size:14px}.blog-surface .mod-actions .button{font-size:11px}.blog-surface .editor-top{height:62px;padding:0 13px}.blog-surface .editor-top .button{min-height:35px;padding:8px 10px;font-size:11px}.blog-surface .editor-top .saved{display:none}.blog-surface .editor-top .icon-button{width:35px;height:35px}.blog-surface .editor-layout{display:block}.blog-surface .editor-canvas{padding:22px 21px 15px}.blog-surface .editor-cover{height:158px;margin-bottom:25px}.blog-surface .editor-title{letter-spacing:-.8px;font-size:35px}.blog-surface .editor-summary{font-size:15px}.blog-surface .editor-breadcrumb{margin-bottom:18px;font-size:10px}.blog-surface .editor-author{padding:16px 0 22px;font-size:10px}.blog-surface .formatbar{gap:2px;padding:5px}.blog-surface .formatbar .divider{margin:0 3px}.blog-surface .formatbar button{min-width:27px;height:30px;font-size:11px}.blog-surface .editor-prose{font-size:18px}.blog-surface .editor-prose h2{font-size:28px}.blog-surface .editor-settings{border-left:0;border-top:1px solid var(--line);padding:25px 23px}.blog-surface .editor-settings .field input,.blog-surface .editor-settings .field select{font-size:13px}.blog-surface .settings-grid,.blog-surface .state-grid{grid-template-columns:1fr}.blog-surface .settings-card{padding:22px}.blog-surface .state-card{padding:23px}.blog-surface .share-grid .button{font-size:12px}.blog-surface .toast{text-align:center;font-size:11px}.blog-surface .search input,.blog-surface input,.blog-surface select,.blog-surface textarea,.blog-surface .field input,.blog-surface .field select,.blog-surface .field textarea,.blog-surface .search input{font-size:16px}.blog-surface .search kbd{display:none}}@media (prefers-reduced-motion:reduce){.blog-surface *{scroll-behavior:auto!important;transition:none!important}}@media (max-width:360px){.blog-surface .journal-nav{gap:10px}.blog-surface .journal-nav .brand small{display:none}.blog-surface .journal-nav .site-links .button{padding:8px 10px}.blog-surface .editor-top .badge{display:none}.blog-surface .editor-top{gap:6px}.blog-surface .journal-intro h1{font-size:43px}.blog-surface .editor-title{font-size:31px}}.blog-surface{--sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;min-width:0}.blog-surface .studio,.blog-surface .editor-shell{min-height:100vh}.blog-surface .editor-layout{min-height:calc(100vh - 73px)}.blog-surface .editor-frame{border:0;width:100%;min-width:0;margin:0;padding:0}.blog-surface textarea.editor-title,.blog-surface textarea.editor-summary{resize:none;background:0 0;border:0;border-radius:0;width:100%;min-height:1.5em;padding:0;display:block;overflow:hidden}.blog-surface textarea.editor-title{font:45px/1.18 var(--serif);letter-spacing:-1px;margin-bottom:20px}.blog-surface textarea.editor-summary{font:17px/1.8 var(--sans);color:var(--muted)}.blog-surface .editor-prose .tiptap{outline:none;min-height:230px}.blog-surface .editor-prose img{max-width:100%;height:auto}.blog-surface .editor-prose pre{white-space:pre-wrap;color:#dce7db;background:#202c31;border-radius:6px;padding:24px;font:13px/1.8 ui-monospace,monospace}.blog-surface .editor-prose blockquote{border-left:3px solid var(--blue);margin:24px 0;padding-left:24px}.blog-surface .editor-prose a,.blog-surface .article-body a:not(.button):not(.badge){text-underline-offset:3px;text-decoration:underline}.blog-surface .formatbar select{background:0 0;border:0;max-width:110px;height:32px;font-size:12px}.blog-surface .formatbar button[aria-pressed=true]{color:#173df5;background:#e3e9fc}.blog-surface .editor-extra{margin-top:25px;font-size:12px}.blog-surface .editor-extra summary{cursor:pointer;font-weight:550}.blog-surface .editor-extra .field textarea{min-height:100px}.blog-surface .editor-secondary-actions{flex-wrap:wrap;gap:8px;display:flex}.blog-surface .save-notice{background:#fff9e8;border-bottom:1px solid #e5d8b7;margin:0;padding:10px 28px;font-size:12px}.blog-surface .save-notice.success{color:#35624e;background:#eef4eb;border-color:#dce6d7}.blog-surface .panel-tabs a{white-space:nowrap;padding:8px 0;font-size:12px}.blog-surface .panel-tabs a.active{color:var(--ink);font-weight:600}.blog-surface .panel-top{overflow:auto}.blog-surface .filter-input{border:1px solid var(--line);background:#fff;border-radius:6px;width:155px;padding:8px 12px;font-size:12px}.blog-surface .share-control{font-family:var(--sans);position:relative}.blog-surface .share-compact{font-family:var(--sans);flex-direction:column;align-items:center;gap:10px;display:flex}.blog-surface .share-notice{font:11px/1.5 var(--sans);color:var(--green);max-width:180px}.blog-surface .article-prose>p:first-child:first-letter{float:left;color:var(--blue);padding:8px 9px 0 0;font-size:66px;line-height:.9}.blog-surface .article-prose figure{margin:28px 0}.blog-surface .article-prose figure img{width:100%;height:auto;display:block}.blog-surface .article-prose figcaption{font:11px/1.7 var(--sans);color:var(--muted);margin-top:10px}.blog-surface .article-body #sources{font:14px/1.8 var(--sans);overflow-wrap:anywhere}.blog-surface .article-body .comment p{margin:0 0 8px}.blog-surface .article-body .discussion .private-note{font:11px/1.7 var(--sans);color:var(--muted)}.blog-surface .reply-context{background:var(--pale);padding:10px 15px;font-size:11px}.blog-surface .own-comments{margin-top:20px;font-size:12px}.blog-surface .own-comments summary{cursor:pointer}.blog-surface .discussion .notice{font:12px/1.8 var(--sans)}.blog-surface .journal-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;margin:25px 0 40px;display:flex}.blog-surface .journal-empty h2{font:32px var(--serif)}.blog-surface .journal-empty p{max-width:550px}.blog-surface .related-stories{padding-top:30px;padding-bottom:30px}.blog-surface .related-stories h2{font:30px var(--serif)}.blog-surface .member-id{overflow-wrap:anywhere;max-width:180px;font-size:9px;display:block}.blog-surface .member .badge{white-space:normal}.blog-surface .settings-head button{color:var(--muted);font-size:12px}.blog-surface .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-surface .auth-wrap{background:var(--paper);min-height:100vh;padding:50px 20px}.blog-surface .auth-wrap>.brand{justify-content:center;margin-bottom:35px;display:flex}.blog-surface .auth-panel{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:460px;margin:0 auto;padding:35px}.blog-surface .auth-panel h1{font:36px/1.2 var(--serif);margin:16px 0}.blog-surface .auth-panel>p{color:var(--muted);font-size:13px}.blog-surface .auth-form{gap:18px;margin:25px 0;display:grid}.blog-surface .auth-form label{gap:7px;font-size:12px;display:grid}.blog-surface .auth-form input{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;padding:11px 12px}.blog-surface .auth-actions{justify-content:space-between;gap:20px;margin-top:22px;font-size:12px;display:flex}.blog-surface .auth-panel [role=status]{overflow-wrap:anywhere;margin-top:20px;font-size:12px}.blog-surface .preview-banner{text-align:center;background:#fff2d8;padding:15px 25px;font-size:12px}@media (max-width:1080px){.blog-surface textarea.editor-title{font-size:36px}}@media (max-width:800px){.blog-surface textarea.editor-title{font-size:32px}.blog-surface textarea.editor-summary{font-size:15px}}@media (max-width:580px){.blog-surface textarea.editor-title{font-size:35px}.blog-surface .post-table td:first-child{grid-column:1/-1;display:block}.blog-surface .post-table td:nth-child(2){grid-column:auto}.blog-surface .post-table td:nth-child(4){color:var(--muted);justify-self:end;font-size:10px}.blog-surface .post-table td.optional{display:none}.blog-surface .editor-top .flex{gap:5px}.blog-surface .editor-top .badge{display:none}.blog-surface .editor-top .button{gap:5px;padding:8px}.blog-surface .panel-tabs a{font-size:11px}.blog-surface .auth-panel{padding:25px}.blog-surface .auth-form input{font-size:16px}.blog-surface .list-controls{gap:8px}}@media (max-width:360px){.blog-surface textarea.editor-title{font-size:31px}.blog-surface .editor-top .button svg{display:none}.blog-surface .editor-top{padding:0 9px}.blog-surface .editor-top .icon-button{width:30px}}.blog-surface{display:flow-root}.blog-surface svg{display:inline-block}.blog-surface .field input,.blog-surface .field select,.blog-surface .field textarea{font-weight:400}.blog-surface .site-links a{white-space:nowrap}.blog-surface .feature-copy h2,.blog-surface .story h3,.blog-surface .article-heading h1,.blog-surface .post-title strong{overflow-wrap:anywhere}.blog-surface img.avatar{object-fit:cover}.blog-surface dialog.share-dialog{border-radius:20px;width:min(460px,100vw - 32px);padding:30px}.blog-surface .share-dialog h2{margin-bottom:10px;padding-right:28px}.blog-surface .dialog-close-icon{width:32px;height:32px;color:var(--muted);background:#f2f3f0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.blog-surface .dialog-close-icon:hover{color:var(--ink);background:#e8ebe6}.blog-surface .share-dialog .share-article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding-right:5px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-surface .share-networks{align-items:center;gap:14px;margin:25px 0 28px;display:flex}.blog-surface .share-network{color:#fff;border:0;border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .14s,box-shadow .14s;display:inline-flex}.blog-surface .share-network:hover{transform:translateY(-2px);box-shadow:0 4px 10px #19232622}.blog-surface .share-network--facebook{background:#0866ff}.blog-surface .share-network--linkedin{background:#0a66c2}.blog-surface .share-network--x{background:#111}.blog-surface .share-network--email{background:#c74b37}.blog-surface .share-network--device{color:var(--ink);background:#eef0eb}.blog-surface .share-url-field label{margin-bottom:9px;font-size:12px;font-weight:600;display:block}.blog-surface .share-url-row{background:#f8f9f6;border:1px solid #dce0d9;border-radius:10px;align-items:center;gap:10px;padding:5px 5px 5px 13px;display:flex}.blog-surface .share-url-row>svg{color:var(--muted);flex-shrink:0}.blog-surface .share-url-row:focus-within{outline:2px solid var(--blue);outline-offset:2px}.blog-surface .share-url-row input{width:100%;min-width:0;height:36px;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:none;padding:0;font-size:12px;font-weight:400}.blog-surface .share-copy{width:36px;height:36px;color:var(--blue);background:#fff;border:0;border-radius:7px;flex:0 0 36px;place-items:center;display:grid;box-shadow:0 1px 3px #19232612}.blog-surface .share-copy:hover{background:#e9edff}.blog-surface .share-dialog .share-feedback{min-height:18px;margin:9px 0 0;font-size:11px;line-height:1.5}@media (max-width:380px){.blog-surface dialog.share-dialog{padding:25px 20px 20px}.blog-surface .share-networks{gap:10px}.blog-surface .share-network{flex-basis:42px;width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.blog-surface .share-network{transition:none}.blog-surface .share-network:hover{transform:none}}.blog-surface .google-auth-panel{border-radius:18px;max-width:460px;padding:38px}.blog-surface .google-auth-panel h1{font:36px/1.15 var(--serif);letter-spacing:-1px;margin:16px 0}.blog-surface .google-auth-panel>p{line-height:1.7}.blog-surface .google-auth-symbol{width:52px;height:52px;color:var(--blue);background:#eef0ff;border-radius:14px;place-items:center;margin-bottom:28px;display:grid}.blog-surface .google-signin{background:#fff;border:1px solid #d5d9d2;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;margin:27px 0 14px;padding:12px 18px;font-weight:600;display:flex;box-shadow:0 2px 3px #19232606}.blog-surface .google-signin:hover:not(:disabled){background:#f5f7ff;border-color:#bcc8f5}.blog-surface .google-signin:disabled{opacity:.6;cursor:wait}.blog-surface .google-auth-note{color:var(--muted);font-size:12px}.blog-surface .auth-status{min-height:20px;color:var(--ink);font-size:12px}.blog-surface .google-auth-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin-top:10px;padding-top:22px;font-size:12px;display:flex}@media (max-width:580px){.blog-surface .google-auth-panel{padding:27px 22px}.blog-surface .google-auth-panel h1{font-size:32px}}.blog-surface .auth-wrap.auth-embedded{background:var(--color-bg);place-items:center;min-height:65svh;padding:64px 24px;display:grid}.blog-surface .auth-embedded .auth-panel{text-align:center;width:100%;max-width:380px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.blog-surface .auth-embedded h1{font:600 32px/1.2 var(--font-sans);letter-spacing:-.04em;margin:0 0 12px}.blog-surface .auth-embedded .google-signin{border-color:var(--line);border-radius:12px;min-height:52px;margin:28px 0 0}.blog-surface .auth-embedded .google-signin:focus-visible,.blog-surface .auth-embedded a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.blog-surface .auth-embedded .auth-status:empty{min-height:0;margin:0}.blog-surface .auth-embedded .auth-status:not(:empty){border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:10px;margin:16px 0 12px;padding:12px 16px}.blog-surface .auth-embedded .google-auth-footer{border:0;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:24px 0 0;padding:0}.blog-surface .auth-embedded .google-auth-footer a{padding:8px 0}@media (max-width:580px){.blog-surface .auth-wrap.auth-embedded{min-height:60svh;padding:48px 24px}}.blog-surface .settings-sections{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.blog-surface .settings-sections button{color:var(--muted);border-bottom:2px solid #0000;padding:12px 16px;font-size:12px}.blog-surface .settings-sections button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.blog-surface .settings-workspace{max-width:820px;display:block}.blog-surface .settings-workspace .settings-column{display:contents}.blog-surface .settings-workspace .settings-card{padding:24px;display:none}.blog-surface .settings-workspace[data-section=authors]>:first-child>:first-child,.blog-surface .settings-workspace[data-section=taxonomy]>:first-child>:last-child,.blog-surface .settings-workspace[data-section=members]>:last-child>:first-child,.blog-surface .settings-workspace[data-section=export]>:last-child>:last-child{display:block}.blog-surface .settings-workspace .field{margin-top:18px}.blog-surface .settings-workspace textarea{min-height:90px}.blog-surface .settings-workspace .member{padding:14px 0}.blog-surface .settings-account{background:0 0;border:0;gap:10px;padding:0}.blog-surface .settings-account small{display:none}.blog-surface .settings-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.blog-surface .settings-heading h1{white-space:nowrap;margin:0;font-size:24px;line-height:1.3}.blog-surface .settings-heading__account{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.blog-surface .settings-heading__account svg{color:var(--blue);flex-shrink:0}.blog-surface .settings-heading__email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-surface .settings-avatar-control{border-radius:50%;width:52px;height:52px;margin-top:18px;position:relative;overflow:hidden}.blog-surface .settings-avatar-control>img,.blog-surface .settings-avatar-control>.avatar{object-fit:cover;width:100%;height:100%}.blog-surface .settings-avatar-camera{color:#fff;opacity:.4;background:#0000007a;justify-content:center;align-items:center;height:22px;transition:opacity .16s;display:flex;position:absolute;inset:auto 0 0}.blog-surface .settings-avatar-control:hover .settings-avatar-camera,.blog-surface .settings-avatar-camera:focus-visible{opacity:1}.blog-surface .settings-avatar-camera:disabled{opacity:.2;cursor:not-allowed}@media (hover:none){.blog-surface .settings-avatar-camera{opacity:1}}.blog-surface .settings-author-picker{grid-template-columns:44px minmax(0,1fr);align-items:end;gap:14px;margin-top:18px;display:grid}.blog-surface .settings-author-picker .settings-avatar-control{align-self:end;width:44px;height:44px;margin:0}.blog-surface .settings-workspace .settings-author-picker .field{margin:0}.blog-surface .settings-author-label{margin-top:18px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.blog-surface .settings-author-label+.settings-author-picker{margin-top:0}.blog-surface .settings-card-heading{align-items:center;gap:12px;display:flex}.blog-surface .settings-card-heading h2{margin:0}.blog-surface .settings-card .settings-header-action{background:var(--pale);width:36px;height:36px;color:var(--blue);cursor:pointer;border:1px solid #0000;border-radius:6px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;display:inline-flex}.blog-surface .settings-card .settings-header-action:hover{border-color:var(--blue)}.blog-surface .settings-card .settings-header-action:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.blog-surface .settings-card .settings-header-action:disabled{opacity:.45;cursor:not-allowed}@media (pointer:coarse){.blog-surface .settings-card .settings-header-action{flex-basis:44px;width:44px;height:44px}}.blog-surface .side-nav a{transition:background-color .15s,color .15s}.blog-surface .side-nav a:active{transform:none}.blog-surface .studio-navigation-hint{opacity:0;border:1.5px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-left:auto}.blog-surface .studio-navigation-hint.is-pending{opacity:.65;animation:.8s linear infinite studio-navigation-spin}@keyframes studio-navigation-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.blog-surface .studio-navigation-hint.is-pending{animation:none}.blog-surface .side-nav a{transition:none}}.blog-surface .blog-feed-results{min-height:20rem;animation:.18s ease-out blog-feed-enter}.blog-surface .blog-feed[data-pending=true] .blog-feed-results{opacity:.65}.blog-surface .blog-feed-results{transition:opacity .14s}.blog-surface .blog-feed[data-pending=true] .category{cursor:progress}@keyframes blog-feed-enter{0%{opacity:.65}to{opacity:1}}@media (prefers-reduced-motion:reduce){.blog-surface .blog-feed-results{transition:none;animation:none}}.blog-surface .blog-feed .category{font-weight:500;transition:color .14s}@media (prefers-reduced-motion:reduce){.blog-surface .blog-feed .category{transition:none}}.mermaid-diagram{background:#fff;border:1px solid #e4e6e8;border-radius:8px;margin:18px 0;padding:12px;overflow-x:auto}.mermaid-diagram img{max-width:100%;height:auto;margin:auto;display:block}.blog-surface .mermaid-diagram>img,.blog-surface .mermaid-diagram>.reading-image-button>img{object-fit:contain;width:auto;max-width:min(100%,520px);height:auto;max-height:340px;margin-inline:auto}@media (max-width:640px){.blog-surface .mermaid-diagram>img,.blog-surface .mermaid-diagram>.reading-image-button>img{max-height:260px}}.mermaid-diagram summary{color:#66716d;cursor:pointer;margin-top:12px;font-size:12px}.blog-toast{--toast-accent:#163cff;--toast-border:#c7d2fe;--toast-soft:#f0f3ff;z-index:11000;box-sizing:border-box;border:1px solid var(--toast-border);color:#1c2628;width:360px;max-width:calc(100vw - 32px);font:13px/1.5 var(--font-geist-sans,sans-serif);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;padding:16px 14px 14px 16px;animation:.2s cubic-bezier(.2,.8,.2,1) both blog-toast-enter;display:flex;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 4px 8px #111c3505,0 14px 36px #111c3514}.blog-toast[data-kind=info]{--toast-accent:#163cff;--toast-border:#c7d2fe}.blog-toast[data-kind=success]{--toast-accent:#21835b;--toast-border:#b9ddcc;--toast-soft:#effaf3}.blog-toast[data-kind=error]{--toast-accent:#c8444d;--toast-border:#ecc0c4;--toast-soft:#fff1f2}.blog-toast[data-kind=warning]{--toast-accent:#a87520;--toast-border:#e8d3ae;--toast-soft:#fff8e8}.blog-toast-icon{border:1px solid var(--toast-border);background:var(--toast-soft);width:34px;height:34px;color:var(--toast-accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.blog-toast-content{flex:1;min-width:0;padding-top:1px}.blog-toast-content p{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:500;line-height:1.55}.blog-toast-controls{flex-shrink:0;align-items:center;gap:3px;display:flex}.blog-toast-time{text-align:center;color:#7b858e;font-variant-numeric:tabular-nums;width:18px;font-size:9px;line-height:1}.blog-toast .blog-toast-close{color:#73808b;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;margin:-3px -3px 0 0;padding:0;transition:background .12s,color .12s;display:grid}.blog-toast .blog-toast-close:hover{color:#1c2628;background:#f1f3f7}.blog-toast .blog-toast-close:focus-visible{outline-offset:2px;outline:2px solid #163cff}.blog-toast-track{background:#edf0f7;height:2px;position:absolute;bottom:0;left:0;right:0}.blog-toast-track>span{background:var(--toast-accent);transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block}.blog-toast[data-paused=true] .blog-toast-track>span{transition:none}@keyframes blog-toast-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.blog-toast{top:12px;right:16px}}@media (prefers-reduced-motion:reduce){.blog-toast{animation:none}.blog-toast-track>span,.blog-toast .blog-toast-close{transition:none}}.blog-surface .editor-diagram-block{margin:18px 0}.blog-surface .editor-diagram-source summary{cursor:pointer;color:var(--blue);margin:8px 0;font-size:12px}.blog-surface .editor-diagram-source pre{white-space:pre-wrap}.blog-surface .editor-code-content{white-space:pre-wrap;background:#f5f6f8;border-radius:6px;padding:16px;font-family:monospace}.category-autocomplete{position:relative}.category-options{z-index:20;border:1px solid var(--blog-border,#d8dce0);background:#fff;border-radius:8px;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% - 2px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #111c3514}.category-options [role=option]{cursor:pointer;overflow-wrap:anywhere;border-radius:4px;padding:9px 12px}.category-options [role=option]:hover,.category-options [aria-selected=true]{color:#163cff;background:#eef2ff}.tag-input-group{border:1px solid var(--blog-border,#d8dce0);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.tag-input-group:focus-within{outline-offset:2px;outline:2px solid #163cff}.blog-surface .tag-input-group input{width:100%;min-width:0;box-shadow:none;border:0;flex:150px;padding:6px}.blog-surface .tag-input-group input:focus{outline:none}.tag-chip{color:#111c35;overflow-wrap:anywhere;background:#eef2ff;border-radius:6px;align-items:center;max-width:100%;padding:7px 26px 7px 10px;font-size:13px;display:inline-flex;position:relative}.tag-chip button{width:24px;height:24px;min-height:24px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;line-height:1;position:absolute;top:1px;right:1px}.tag-chip button:hover{color:#163cff}.tag-chip button:focus-visible{border-radius:4px;outline:2px solid #163cff}.revision-timeline{max-height:min(55vh,440px);margin:20px 0 0;padding:0 0 0 16px;list-style:none;overflow-y:auto}.revision-timeline__item{border-left:1px solid #dce2ef;justify-content:space-between;align-items:center;gap:16px;padding:0 0 22px 20px;display:flex;position:relative}.revision-timeline__item:before{content:"";background:#173df5;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:-4px;box-shadow:0 0 0 4px #eef1ff}.revision-timeline__item:last-child{padding-bottom:4px}.revision-timeline__item strong{font-size:13px;font-weight:600;display:block}.revision-timeline__item time{color:#778080;margin-top:4px;font-size:11px;display:block}.revision-restore{color:#173df5;background:#fff;border:1px solid #e0e5ee;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.revision-restore:hover:not(:disabled){background:#eef1ff}.revision-restore:disabled{opacity:.4;cursor:not-allowed}.blog-table-scroll,.editor-prose .tiptap{overflow-x:auto}.blog-table-scroll table,.editor-prose table{border-collapse:collapse;table-layout:fixed;width:100%;margin:16px 0}.blog-table-scroll td,.blog-table-scroll th,.editor-prose td,.editor-prose th{vertical-align:top;overflow-wrap:anywhere;border:1px solid #dfe3ea;min-width:80px;padding:10px 12px;position:relative}.blog-table-scroll th,.editor-prose th{text-align:left;background:#f3f5fa;font-weight:600}.editor-prose .selectedCell{background:#eef1ff}.table-actions{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.table-actions button{background:#fff;border:1px solid #e0e5ee;border-radius:5px;padding:5px 9px;font-size:11px}.editor-selection-tools{background:#fff;border:1px solid #e0e5ee;border-radius:9px;padding:4px;box-shadow:0 6px 22px #15243d1c}.editor-selection-tools>div{gap:2px;display:flex}.editor-selection-tools button{color:#253136;background:0 0;border:0;border-radius:5px;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.editor-selection-tools button:hover,.editor-selection-tools button[aria-pressed=true]{color:#173df5;background:#eef1ff}.editor-selection-tools button:focus-visible{outline-offset:1px;outline:2px solid #173df5}.blog-surface .editor-diagram-block{background:#fff;border:1px solid #dfe3ea;border-radius:8px;overflow:hidden}.blog-surface .editor-diagram-toolbar{color:#66716d;background:#f5f6f8;border-bottom:1px solid #e3e6ec;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.blog-surface .editor-diagram-toolbar button{border-radius:4px;padding:4px 9px;font-size:11px}.blog-surface .editor-diagram-toolbar button[aria-pressed=true]{color:#173df5;background:#fff;box-shadow:0 1px 3px #0000000c}.blog-surface .editor-diagram-block .mermaid-diagram{border:0;border-radius:0;margin:0}.blog-surface .editor-diagram-block .editor-code-content{border-radius:0}.blog-surface .rich-writing{position:relative}.blog-surface .writing-context-row{color:var(--muted,#697574);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:12px;display:flex}.blog-surface .writing-block-menu{z-index:30;position:absolute}.blog-surface .writing-block-menu summary{cursor:pointer;color:#697574;border-radius:6px;padding:4px 7px;font-size:18px;list-style:none}.blog-surface .writing-block-menu summary:hover{background:#f2f3f5}.blog-surface .writing-block-menu>div{z-index:30;background:#fff;border:1px solid #e0e3e7;border-radius:9px;flex-direction:column;min-width:150px;padding:5px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 25px #17202a12}.blog-surface .writing-block-menu button,.blog-surface .writing-slash-menu button{text-align:left;color:#1b2526;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 10px;font-size:13px}.blog-surface .writing-block-menu button:hover,.blog-surface .writing-slash-menu button:hover,.blog-surface .writing-slash-menu button.selected{color:#2141e8;background:#edf0ff}.blog-surface .writing-slash-menu{z-index:90;background:#fff;border:1px solid #e0e3e7;border-radius:10px;flex-direction:column;width:248px;max-height:min(320px,70dvh);padding:6px;display:flex;position:fixed;overflow:auto;box-shadow:0 10px 32px #17202a18}.blog-surface .writing-slash-menu>span{color:#697574;padding:7px 10px;font-size:11px}.blog-surface .writing-slash-menu p{padding:8px;font-size:13px}.blog-surface .formatbar .writing-focus-toggle{margin-left:auto;font-size:20px}.blog-surface .rich-writing-focus{z-index:80;background:#fff;padding:20px max(24px,50vw - 410px);position:fixed;inset:0;overflow:auto}.blog-surface .writing-focus-header{align-items:center;gap:16px;padding-bottom:18px;font-size:14px;display:flex}.blog-surface .writing-focus-header span{color:#697574;font-size:12px}.blog-surface .writing-focus-header button{cursor:pointer;background:#f3f4f6;border:0;border-radius:6px;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.blog-surface .rich-writing button:focus-visible,.blog-surface .writing-block-menu summary:focus-visible{outline-offset:2px;outline:2px solid #2141e8}@media (max-width:600px){.blog-surface .writing-context-row{gap:4px;font-size:11px}.blog-surface .rich-writing-focus{padding:14px 16px}}.blog-surface .article-heading{padding:28px 0}.blog-surface .article-heading .breadcrumbs{margin-bottom:16px}.blog-surface .article-heading h1{margin:14px 0;font-size:clamp(34px,4.4vw,54px)}.blog-surface .article-meta{margin-top:20px}.blog-surface .reading-cover{height:300px}.blog-surface .caption{margin-bottom:26px}.blog-surface .reading-toc-desktop{max-height:calc(100dvh - 128px);padding-right:8px;top:104px;overflow-y:auto}.blog-surface .toc a[data-level="3"]{padding-left:24px;font-size:11px}.blog-surface .toc a[data-level="4"]{padding-left:34px;font-size:11px}.blog-surface .reading-toc-mobile{display:none}.blog-surface .article-prose h2,.blog-surface .article-prose h3,.blog-surface .article-prose h4,.blog-surface #sources,.blog-surface #comments{scroll-margin-top:120px}.blog-surface .reading-image-button{cursor:zoom-in;background:0 0;border:0;border-radius:6px;width:100%;padding:0;display:block;position:relative}.blog-surface .reading-image-button>img{width:100%;height:auto;display:block}.blog-surface .reading-image-hint{font:11px/1.2 var(--sans);color:#263234;opacity:0;background:#fffffff0;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;transition:opacity .12s;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 10px #17202a12}.blog-surface .reading-image-button:hover .reading-image-hint,.blog-surface .reading-image-button:focus-visible .reading-image-hint{opacity:1}.blog-surface .reading-image-button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.blog-surface dialog.reading-image-dialog{width:min(1320px,96vw);max-width:96vw;max-height:94dvh;padding:24px}.blog-surface .reading-image-dialog h2{font:16px/1.4 var(--sans);margin:0 40px 16px 0}.blog-surface .reading-image-full{background:#f7f8fa;border-radius:6px;max-height:75dvh;overflow:auto}.blog-surface .reading-image-full img{width:auto;min-width:min(100%,800px);max-width:none;height:auto;margin:auto;display:block}.blog-surface .reading-image-caption{color:var(--muted);font:12px/1.5 var(--sans);margin:12px 0 0}@media (max-width:1080px){.blog-surface .reading-toc-desktop{display:none}.blog-surface .reading-toc-mobile{border:1px solid var(--line);background:#fff;border-radius:8px;grid-column:1/-1;margin-bottom:20px;padding:0 14px;display:block}.blog-surface .reading-toc-mobile summary{cursor:pointer;font:13px/1.4 var(--sans);justify-content:space-between;align-items:center;padding:12px 0;list-style:none;display:flex}.blog-surface .reading-toc-mobile nav{max-height:50dvh;padding-bottom:12px;overflow:auto}.blog-surface .reading-toc-mobile a{font:13px/1.5 var(--sans);color:var(--muted);padding:7px 0;display:block}.blog-surface .reading-toc-mobile a[data-level="3"]{padding-left:12px}.blog-surface .reading-toc-mobile a[data-level="4"]{padding-left:24px}.blog-surface .reading-toc-mobile a.current{color:var(--blue)}}@media (max-width:580px){.blog-surface .article-heading{padding:22px 0}.blog-surface .article-meta{gap:12px;margin-top:16px}.blog-surface .reading-cover{height:190px}.blog-surface .reading-image-hint{opacity:1;font-size:10px}.blog-surface dialog.reading-image-dialog{padding:18px}}@media (prefers-reduced-motion:reduce){.blog-surface .reading-image-hint{transition:none}}.blog-surface .reading-image-controls{justify-content:center;gap:4px;margin-bottom:12px;display:flex}.blog-surface .reading-image-controls button{border:1px solid var(--line);min-width:32px;font:12px/1.5 var(--sans);cursor:pointer;background:#fff;border-radius:5px;padding:5px 10px}.blog-surface .reading-image-controls button:disabled{opacity:.35;cursor:default}.blog-surface .article-prose .reading-image-full img{min-width:0;max-width:none}.blog-surface .reading-toc-mobile summary:focus-visible,.blog-surface .reading-image-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.blog-surface .editor-shell{--editor-bar-height:73px}.blog-surface .editor-shell--compact{--editor-bar-height:56px}.blog-surface .editor-top{z-index:35;height:var(--editor-bar-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;transition:height .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;position:sticky;top:0}.blog-surface .editor-shell--compact .editor-top{box-shadow:0 4px 16px #111c350a}.blog-surface .editor-top .button,.blog-surface .editor-top .icon-button{transition:padding .22s,min-height .22s,height .22s,background-color .16s}.blog-surface .editor-shell--compact .editor-top .button{min-height:36px;padding-block:8px}.blog-surface .editor-shell--compact .editor-top .icon-button{height:36px}.blog-surface .editor-settings{top:var(--editor-bar-height);max-height:calc(100dvh - var(--editor-bar-height));overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;align-self:start;transition:top .22s cubic-bezier(.22,1,.36,1),max-height .22s cubic-bezier(.22,1,.36,1);position:sticky;overflow-y:auto}.blog-surface .editor-publish-check{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px}.blog-surface .editor-publish-check .badge{padding:3px 7px;font-size:10px}.blog-surface .editor-publish-check .checklist{gap:8px;margin:12px 0;font-size:11px;line-height:1.4;display:grid}.blog-surface .editor-seo-preview{color:#163cff;background:#f5f7ff;border-color:#dce2f7;gap:7px;width:100%;min-height:36px;padding:8px 10px;font-size:11px}.blog-surface .editor-seo-preview:hover{background:#edf1ff}.blog-surface .editor-settings .editor-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.blog-surface .editor-secondary-actions .button{gap:6px;min-width:0;min-height:36px;padding:8px;font-size:11px}.blog-surface .editor-archive-action{color:var(--muted)}.blog-surface .editor-settings :is(button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #163cff}@media (max-width:800px){.blog-surface .editor-layout{display:block}.blog-surface .editor-shell{--editor-bar-height:62px}.blog-surface .editor-shell--compact{--editor-bar-height:56px}.blog-surface .editor-settings{scrollbar-gutter:auto;max-height:none;position:static;overflow:visible}}@media (pointer:coarse){.blog-surface .editor-top :is(.button,.icon-button),.blog-surface .editor-shell--compact .editor-top :is(.button,.icon-button),.blog-surface .editor-settings .button{min-height:44px}}@media (prefers-reduced-motion:reduce){.blog-surface .editor-top,.blog-surface .editor-top .button,.blog-surface .editor-top .icon-button,.blog-surface .editor-settings{transition:none}}.blog-surface .blog-code-block{background:#202c31;border-radius:7px;margin:24px 0;position:relative;overflow:hidden}.blog-surface .blog-code-tools{color:#c4cfd0;font:11px/1.4 var(--sans);background:#26343a;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;display:flex}.blog-surface .blog-code-block pre{border-radius:0;margin:0;padding-top:16px}.blog-surface .blog-copy-control{vertical-align:middle;align-items:center;gap:6px;display:inline-flex;position:relative}.blog-surface .blog-copy-control button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:inline-grid}.blog-surface .blog-copy-control button:hover{background:#81949b20}.blog-surface .blog-copy-control button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.blog-surface .blog-copy-feedback{font:11px/1.5 var(--sans);letter-spacing:0;max-width:230px}.blog-surface .blog-linked-heading .blog-copy-control{color:var(--muted);margin-left:6px}.blog-surface .blog-linked-heading .blog-copy-control button{opacity:0}.blog-surface .blog-linked-heading:hover .blog-copy-control button,.blog-surface .blog-linked-heading .blog-copy-control button:focus-visible{opacity:1}.blog-surface .related-stories .story-copy{padding:18px}.blog-surface .related-stories .thumb{height:160px}.blog-surface .studio-social-preview{border:1px solid var(--line);border-radius:8px;margin:20px 0 0;overflow:hidden}.blog-surface .studio-social-image{aspect-ratio:1200/630;color:#152431;background:#f4f6f8;flex-direction:column;justify-content:space-between;padding:6%;display:flex}.blog-surface .studio-social-image>span{letter-spacing:1px;font-size:10px}.blog-surface .studio-social-image>strong{overflow-wrap:anywhere;font-size:clamp(18px,2.5vw,32px);line-height:1.15}.blog-surface .studio-social-image small{justify-content:space-between;font-size:10px;display:flex}.blog-surface .studio-social-copy{padding:14px}.blog-surface .studio-social-copy>strong{margin:5px 0;font-size:15px;display:block}.blog-surface .studio-social-copy small{color:var(--muted);font-size:10px}.blog-surface .studio-social-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}@media (hover:none){.blog-surface .blog-linked-heading .blog-copy-control button{opacity:1}}.blog-surface .schedule-picker{border:1px solid var(--line);background:var(--white);border-radius:12px;margin:20px 0 18px;padding:18px}.blog-surface .schedule-heading{color:var(--blue);justify-content:space-between;align-items:center;gap:12px;display:flex}.blog-surface .schedule-heading .eyebrow{letter-spacing:.14em;font-size:9px}.blog-surface .schedule-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.blog-surface .schedule-month{justify-content:space-between;align-items:center;margin:18px 0 8px;display:flex}.blog-surface .schedule-month strong{text-transform:capitalize;font-size:14px}.blog-surface .schedule-month>div{gap:4px;display:flex}.blog-surface .schedule-month-arrow{border:1px solid var(--line);background:var(--white);border-radius:8px;width:36px;height:36px;padding:0;font-size:22px;line-height:1}.blog-surface .schedule-grid [role=row]{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.blog-surface .schedule-grid [role=columnheader]{text-align:center;color:var(--muted);padding:6px 0;font-size:10px;font-weight:550}.blog-surface .schedule-grid button{background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:100%;height:36px;min-height:36px;padding:0;font-size:12px;font-weight:550;transition:background .15s,color .15s;display:grid;position:relative}.blog-surface .schedule-grid button:hover:not(:disabled):not([aria-selected=true]){background:var(--pale);color:var(--blue)}.blog-surface .schedule-grid button[aria-current=date]:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:4px}.blog-surface .schedule-grid button[aria-selected=true]{background:var(--blue);color:#fff;box-shadow:0 2px 5px #173df526}.blog-surface .schedule-grid button:disabled{opacity:.3;cursor:not-allowed}.blog-surface .schedule-month-arrow:focus-visible,.blog-surface .schedule-grid button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.blog-surface .schedule-time{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:14px;display:flex}.blog-surface .schedule-time label{align-items:center;gap:7px;font-size:12px;font-weight:550;display:inline-flex}.blog-surface .schedule-time input{border:1px solid var(--line);background:var(--white);border-radius:8px;width:126px;min-width:0;height:42px;padding:9px 10px;font-size:14px}.blog-surface .schedule-zone{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:10px}.blog-surface .schedule-summary{color:var(--muted);background:#f6f7f5;border-radius:8px;align-items:flex-start;gap:8px;margin-top:14px;padding:12px;font-size:11px;line-height:1.6;display:flex}.blog-surface .schedule-summary svg{flex:none;margin-top:2px}.blog-surface .schedule-summary.is-ready{background:var(--pale);color:var(--blue)}.blog-surface .publish-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.blog-surface .publish-actions .button{border-radius:8px;justify-content:center;gap:7px;width:100%;min-height:44px;padding:10px 8px;font-size:12px}.blog-surface .schedule-version{margin:10px 0 0;font-size:10px}.blog-surface .post-schedule{gap:4px;margin-top:8px;font-size:10px;line-height:1.5;display:grid}.blog-surface .post-schedule>span{color:var(--blue);align-items:center;gap:5px;font-weight:550;display:inline-flex}.blog-surface .post-schedule time{color:var(--muted);white-space:normal}.blog-surface .post-schedule .schedule-stale{color:#8c641f}@media (max-width:480px){.blog-surface .schedule-picker{padding:12px}.blog-surface .schedule-grid [role=row]{gap:2px}.blog-surface .schedule-time input{width:110px}.blog-surface .publish-actions{gap:8px}}@media (prefers-reduced-motion:reduce){.blog-surface .schedule-grid button{transition:none}}.blog-surface .publish-context{border-left:2px solid var(--blue);margin:14px 0;padding:2px 0 2px 12px}.blog-surface .publish-context strong{font-size:12px;display:block}.blog-surface .publish-context .small{margin-top:3px;font-size:10px}.blog-surface .schedule-month{flex-wrap:wrap;gap:10px;margin-bottom:14px}.blog-surface .schedule-month>.schedule-month-selects{border:1px solid var(--line);background:#f8f9f7;border-radius:11px;flex:1;gap:0;min-width:160px;padding:3px}.blog-surface .schedule-period-field{cursor:pointer;border-radius:7px;flex-direction:column;flex:1.4;min-width:0;padding:7px 10px 6px;transition:background .15s,box-shadow .15s;display:flex;position:relative}.blog-surface .schedule-period-field+.schedule-period-field{border-left:1px solid var(--line);border-top-left-radius:0;border-bottom-left-radius:0;flex:1}.blog-surface .schedule-period-field>span{letter-spacing:.12em;color:var(--muted);font-size:8px;font-weight:600;line-height:1.5}.blog-surface .schedule-period-field select{appearance:none;width:100%;min-width:0;height:23px;color:var(--ink);font:600 13px/23px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:0;padding:0 19px 0 0}.blog-surface .schedule-period-field svg{fill:none;width:13px;height:13px;stroke:var(--muted);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;bottom:11px;right:9px}.blog-surface .schedule-period-field:hover{background:#fff}.blog-surface .schedule-period-field:focus-within{box-shadow:0 0 0 2px var(--blue);z-index:1;background:#fff}.blog-surface .schedule-period-field:focus-within>span,.blog-surface .schedule-period-field:focus-within svg{color:var(--blue);stroke:var(--blue)}.blog-surface .schedule-period-field select:focus{outline:none}.blog-surface .schedule-period-field:has(select:disabled){opacity:.5;cursor:default}.blog-surface .schedule-month-navigation .schedule-month-arrow{color:var(--muted);background:0 0;border-color:#0000;border-radius:50%}.blog-surface .schedule-month-navigation .schedule-month-arrow:hover:not(:disabled){background:var(--pale);color:var(--blue)}@media (prefers-reduced-motion:reduce){.blog-surface .schedule-period-field{transition:none}}.blog-surface .schedule-picker{border:0;border-radius:0;margin:16px 0 20px;padding:0}.blog-surface .schedule-month{margin-top:0}.blog-surface .schedule-summary{align-items:center;margin-top:12px;padding:9px 11px}.blog-surface .schedule-summary[hidden]{display:none}.blog-surface .schedule-summary strong{font-weight:550;display:inline}.blog-surface .schedule-month{flex-wrap:nowrap;gap:8px}.blog-surface .schedule-month>.schedule-month-selects{border-radius:9px;min-width:0;padding:2px}.blog-surface .schedule-period-field{padding:7px 8px}.blog-surface .schedule-period-field select{height:24px;padding-right:14px;font-size:12px;line-height:24px}.blog-surface .schedule-period-field svg{width:11px;height:11px;bottom:12px;right:5px}.blog-surface .schedule-month-navigation{flex-shrink:0}.blog-surface .schedule-month-navigation .schedule-month-arrow{width:28px;height:36px;font-size:21px}.blog-surface .publish-action{position:relative;overflow:hidden}.blog-surface .publish-action[aria-busy=true]{opacity:1}.blog-surface .publish-button-progress{background:#ffffffb3;border-radius:2px;width:35%;height:3px;animation:1s ease-in-out infinite publication-progress;position:absolute;bottom:0;left:0}@keyframes publication-progress{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media (prefers-reduced-motion:reduce){.blog-surface .publish-button-progress{width:100%;animation:none}}.blog-surface .tiptap [data-resize-container][data-node=image]{justify-content:center;max-width:100%;margin:24px auto}.blog-surface .tiptap [data-resize-wrapper]{max-width:100%}.blog-surface .tiptap img{border-radius:6px;max-width:100%;margin:0 auto;display:block;height:auto!important}.blog-surface .tiptap [data-resize-handle]{border:2px solid var(--blue);opacity:0;touch-action:none;background:#fff;border-radius:3px;width:12px;height:12px}.blog-surface .tiptap [data-resize-container]:hover [data-resize-handle],.blog-surface .tiptap .ProseMirror-selectednode [data-resize-handle],.blog-surface .tiptap [data-resize-state=true] [data-resize-handle]{opacity:1}.blog-surface .editor-image-tools{border:1px solid var(--line);background:#fff;border-radius:9px;padding:4px;box-shadow:0 4px 18px #19232614}.blog-surface .editor-image-tools [role=toolbar]{gap:2px;display:flex}.blog-surface .editor-image-tools button{font:11px/1.5 var(--sans);background:0 0;border:0;border-radius:5px;min-height:32px;padding:6px 8px}.blog-surface .editor-image-tools button:hover{background:var(--pale);color:var(--blue)}.blog-surface .editor-image-tools button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.blog-surface .article-prose .article-image .reading-image-button{width:fit-content;max-width:100%;margin:0 auto}.blog-surface .article-prose .article-image .reading-image-button>img{width:auto;max-width:100%;height:auto}.blog-surface .article-prose .article-image[style] .reading-image-button,.blog-surface .article-prose .article-image[style] .reading-image-button>img{width:100%}@media (hover:none){.blog-surface .tiptap [data-resize-handle]{opacity:1}}.blog-surface .editor-image-tools{max-width:calc(100vw - 24px)}.blog-surface .editor-image-tools [role=toolbar]{flex-wrap:wrap}.blog-surface .tiptap [data-resize-wrapper]{min-width:0}.blog-surface .auth-wrap.auth-popup{background:0 0;min-height:0;padding:12px 0 0}.blog-surface .auth-popup .auth-panel{width:100%;padding:0}.blog-surface .auth-popup h1{padding-right:24px;font-size:1.65rem}.blog-surface .auth-popup .google-signin{margin-top:24px}.blog-surface .auth-popup .google-auth-footer{display:none}.sign-in-trigger{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.blog-toast-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.blog-toast .blog-toast-actions button{color:var(--toast-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.blog-toast .blog-toast-actions button:hover{text-decoration:underline}.blog-toast .blog-toast-actions button:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #163cff}