:root{--ink:#143d36;--muted:#64786f;--teal:#075c53;--paper:#fbfcf8;--line:#dfe7df;--orange:#e8804e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ec9f6f;outline-offset:4px}#readProgress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--orange);z-index:20}.blog-nav{position:sticky;top:0;z-index:10;height:88px;background:#fbfcf8f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 max(30px,calc((100vw - 1240px)/2));gap:24px}.blog-brand{display:flex;align-items:center;gap:12px;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-1px}.blog-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--teal);color:white;border-radius:13px;font-size:34px}.blog-brand small{display:block;font-size:8px;letter-spacing:2.4px;font-weight:500;margin-top:6px;color:var(--muted)}.blog-nav nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:500}.blog-nav .sb-btn{border-radius:25px}.blog-mast{max-width:900px;margin:58px auto 40px;padding:0 30px;text-align:center}.blog-back{display:block;color:var(--muted);font-size:12px;margin:0 0 40px}.blog-eyebrow{display:block;font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--teal);text-transform:uppercase}.blog-mast h1{font-size:clamp(32px,4.2vw,57px);line-height:1.18;letter-spacing:-1.9px;margin:20px 0 24px}.blog-deck{font-size:18px;line-height:1.65;color:var(--muted);max-width:650px;margin:0 auto 28px}.blog-byline{display:flex;justify-content:center;text-align:left;gap:12px;align-items:center;font-size:13px}.blog-byline small{display:block;font-size:11px;color:var(--muted)}.blog-avatar{display:grid;place-items:center;width:42px;height:42px;background:#e4eddf;border:1px solid #d3e0cd;border-radius:50%;font-weight:700}.blog-hero{max-width:1180px;margin:0 auto 64px;padding:0 30px}.blog-hero img{width:100%;height:440px;object-fit:cover;border-radius:18px;display:block;background:#dce9df}.blog-hero figcaption{font-size:10px;color:var(--muted);margin-top:9px;text-align:right}.blog-reading-layout{display:grid;grid-template-columns:190px minmax(0,710px);max-width:1120px;gap:60px;margin:0 auto;padding:0 30px}.blog-toc{position:sticky;top:120px;align-self:start;border-left:1px solid var(--line);padding:0 0 0 20px}.blog-toc small{font-size:9px;letter-spacing:1.8px;color:#769082}.blog-toc a{display:block;font-size:12px;line-height:1.5;margin:20px 0;color:var(--muted)}.blog-toc a:hover{color:var(--teal)}.blog-toc-comments{border-top:1px solid var(--line);padding-top:20px}.blog-prose{min-width:0;font-size:18px;line-height:1.9;color:#344d43}.blog-prose>p{margin:0 0 26px}.blog-prose h2{font-size:28px;line-height:1.35;letter-spacing:-.5px;color:var(--ink);margin:48px 0 22px}.blog-prose>h2:first-child{margin-top:0}.blog-prose h3{font-size:22px;line-height:1.4;color:var(--ink);margin:30px 0 18px}.blog-prose blockquote{border-left:3px solid var(--orange);background:#f1f4eb;margin:32px 0;padding:24px 28px;border-radius:0 12px 12px 0;font-size:24px;line-height:1.6;color:var(--ink);font-weight:500}.blog-prose a:not(.sb-btn){color:var(--teal);text-decoration:underline;text-underline-offset:4px}.blog-prose li{padding-left:6px;margin:12px 0}.blog-prose figure{margin:32px 0}.blog-prose figure img{display:block;width:100%;height:auto;border-radius:12px}.blog-prose figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}.blog-disclaimer{font-size:13px;line-height:1.7;border:1px solid #dce5d6;background:#f1f5ec;border-radius:12px;padding:20px;margin:32px 0}.blog-disclaimer p{margin-bottom:0}.blog-tags{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.blog-tags span{font-size:11px;background:#edf2e9;border:1px solid #e0e8d9;padding:4px 10px;border-radius:20px}.blog-tools{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:30px 0}.blog-tools .sb-btn[aria-pressed=true]{background:#e4efe4;color:#075a53;border-color:#80a78e}.blog-tools+.blog-copy{width:100%}.blog-author-box{padding:28px;border-radius:14px;background:#eaf0e4;margin:34px 0 58px;font-size:14px;line-height:1.7}.blog-author-box h3{margin:12px 0 10px}.blog-author-box p{margin:0}.blog-comments{padding-top:30px;border-top:1px solid var(--line);font-size:14px;line-height:1.7}.blog-comments h2{font-size:29px;margin:12px 0}.blog-comment-note{color:var(--muted);font-size:13px}.blog-comment-form{margin:24px 0 32px;padding:22px;border:1px solid var(--line);background:white;border-radius:14px;display:grid;gap:14px}.blog-comment-form label{font-size:12px;color:#4d695b;display:grid;gap:10px}.blog-comments textarea{width:100%;padding:14px;border:1px solid #d3dfd4;border-radius:10px;min-height:110px;background:#fbfcf8;color:var(--ink);font-size:14px;line-height:1.7;resize:vertical}.blog-comment-form button{justify-self:start}.blog-comment{padding:22px 0;border-bottom:1px solid var(--line)}.blog-comment-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.blog-comment-head small{color:var(--muted);font-size:10px}.blog-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.blog-comment>.sb-btn{border:0;background:transparent;min-height:26px;padding:0 12px 0 0;font-size:10px}.blog-related{max-width:1180px;margin:90px auto;padding:0 30px}.blog-related h2{font-size:30px;letter-spacing:-.7px;line-height:1.3}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:block;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #143e3410}.blog-card img{width:100%;height:200px;object-fit:cover;display:block;background:#dce9df}.blog-card>div{padding:24px}.blog-card small{font-size:9px;color:#718777;letter-spacing:1.5px}.blog-card h3{font-size:20px;letter-spacing:-.3px;line-height:1.4;margin:12px 0}.blog-card p{font-size:13px;color:var(--muted);line-height:1.7}.blog-card span{display:inline-block;font-size:12px;font-weight:600;color:var(--teal);margin-top:12px}.blog-footer{border-top:1px solid var(--line);padding:42px 30px;background:#edf2e8;text-align:center}.blog-footer a{font-weight:800;font-size:22px;letter-spacing:-.8px}.blog-footer p{font-size:13px;color:var(--muted)}.blog-footer small{font-size:10px;color:var(--muted)}.blog-list-head{padding:75px 30px 50px;text-align:center;background:radial-gradient(ellipse at 50% 0,#e8efe0,transparent 65%)}.blog-list-head h1{font-size:clamp(38px,5vw,68px);letter-spacing:-2px;line-height:1.15;white-space:pre-line;margin:18px 0}.blog-list-head p{font-size:16px;color:var(--muted);max-width:600px;margin:auto}.blog-list-controls{max-width:1180px;margin:28px auto;display:flex;gap:12px;padding:0 30px}.blog-list-controls input,.blog-list-controls select{border:1px solid var(--line);padding:12px 16px;border-radius:10px;background:white;color:var(--ink);font-size:13px}.blog-list-controls input{flex:1;min-width:0}#blogMain>.blog-card-grid{max-width:1180px;margin:0 auto 90px;padding:0 30px}.blog-auth{border:1px solid var(--line);border-radius:20px;background:var(--paper);width:min(540px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:0;color:var(--ink);box-shadow:0 30px 80px #12362c50}.blog-auth::backdrop{background:#143d3677;backdrop-filter:blur(5px)}.blog-auth-head{display:flex;justify-content:space-between;align-items:center;background:var(--teal);color:white;padding:20px 24px}.blog-auth-head button{background:transparent;border:0;color:white;font-size:24px}#authContent{padding:24px}#authContent p{font-size:13px;line-height:1.7}#authContent h2{font-size:25px;line-height:1.3}#authStatus{padding:0 24px;color:#a45430;font-size:13px}.blog-auth .sb-form{margin-bottom:0}.auth-email{overflow-wrap:anywhere}#blogToast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;background:var(--teal);color:white;padding:14px 22px;border-radius:12px;z-index:30;font-size:13px;max-width:90vw;transition:.2s}#blogToast.show{opacity:1;transform:translateX(-50%)}.blog-error,.blog-loading{text-align:center;padding:100px 30px;min-height:50vh}
@media(max-width:950px){.blog-reading-layout{grid-template-columns:minmax(0,710px);justify-content:center}.blog-toc{display:none}.blog-hero img{height:350px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-nav{padding:0 24px}.blog-nav nav{gap:16px}.blog-mast{margin-top:40px}}
@media(max-width:600px){.blog-nav{height:74px;padding:0 16px;gap:12px}.blog-brand{font-size:18px;gap:8px}.blog-mark{width:34px;height:34px;border-radius:10px;font-size:27px}.blog-brand small{font-size:7px;letter-spacing:1.5px}.blog-nav nav{gap:10px}.blog-nav nav>a:first-child{display:none}.blog-nav nav>a{font-size:11px}.blog-nav .sb-btn{padding:8px 10px;font-size:10px;max-width:105px;overflow:hidden;white-space:nowrap}.blog-mast{padding:0 20px;margin:32px auto 24px}.blog-mast h1{font-size:34px;letter-spacing:-1px}.blog-back{margin-bottom:28px}.blog-deck{font-size:15px}.blog-byline{font-size:11px}.blog-hero{padding:0 16px;margin-bottom:36px}.blog-hero img{height:240px;border-radius:12px}.blog-hero figcaption{font-size:8px}.blog-reading-layout{padding:0 22px}.blog-prose{font-size:16px;line-height:1.85}.blog-prose h2{font-size:24px}.blog-prose blockquote{font-size:20px;padding:20px}.blog-tools{gap:8px}.blog-tools .sb-btn{font-size:10px;padding:8px 11px;min-height:36px}.blog-comments h2{font-size:25px}.blog-comment-form{padding:16px}.blog-comment-head{align-items:flex-start}.blog-card-grid{grid-template-columns:1fr}.blog-related{padding:0 20px;margin:60px auto}.blog-related h2{font-size:26px}.blog-card img{height:210px}.blog-list-head{padding:50px 20px 30px}.blog-list-head h1{letter-spacing:-1.3px}.blog-list-controls{padding:0 18px;flex-wrap:wrap}.blog-list-controls input{flex-basis:100%}.blog-list-controls select{flex:1}#blogMain>.blog-card-grid{padding:0 18px}.blog-footer{padding-bottom:35px}.blog-auth .sb-card{padding:0;border:0;background:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}