.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}.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{min-height:55vh;padding:48px var(--page-gutter);background:var(--color-bg)}.blog-surface .auth-embedded .auth-panel{box-shadow:none;border:0;border-radius:0;margin:0 auto}.blog-surface .auth-embedded h1{font-family:var(--font-sans);letter-spacing:-.04em;font-weight:600}.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}}