/* MaskSend field notes: editorial layer over the shared verdant system. */
.blog-hero{padding:84px 0 52px}.blog-hero .wrap,.article-hero .wrap{max-width:920px}.blog-hero h1,.article-hero h1{margin-top:18px;font-size:clamp(38px,5vw,56px);font-weight:500}.blog-hero p,.article-hero .dek{max-width:760px;margin-top:22px;color:var(--muted);font-size:18px}.count-pill,.meta-pill{display:inline-flex;width:max-content;min-width:0;max-width:calc(100vw - 40px);align-items:center;border:1px solid var(--solid-line);border-radius:999px;padding:5px 11px;color:var(--lime);font:600 12px/1.4 var(--mono)}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:128px}.story-card{display:flex;min-width:0;min-height:330px;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:8px;background:#082d38;transition:border-color .2s,background .2s}.story-card:hover{border-color:var(--green);background:#0b3842}.story-card .story-no{color:var(--green);font:700 13px/1 var(--mono)}.story-card h2{margin-top:54px;font-size:clamp(27px,3vw,36px)}.story-card p{margin-top:18px;color:var(--muted)}.story-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:32px;color:#dce7e4;font-size:14px}.story-arrow{width:12px;height:12px;border-top:2px solid var(--green);border-right:2px solid var(--green);transform:rotate(45deg)}.editorial-note{margin-bottom:128px;padding:38px;border:1px solid #b7d0c6;border-radius:8px;background:var(--paper);color:var(--ink)}.editorial-note h2{font-size:32px}.editorial-note p{max-width:760px;margin-top:14px;color:#38535b}.article-hero{padding:76px 0 52px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px;color:var(--muted);font-size:14px}.breadcrumbs a{color:var(--lime)}.breadcrumbs span+span::before,.breadcrumbs a+span::before,.breadcrumbs a+a::before{content:"";display:inline-block;width:7px;height:7px;margin-right:12px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.article-layout{display:grid;grid-template-columns:minmax(0,220px) minmax(0,660px);justify-content:center;gap:54px;align-items:start;padding-bottom:128px}.article-toc{position:sticky;top:126px;z-index:3;padding:20px;border:1px solid var(--line);border-radius:6px;background:#072a35}.article-toc strong{font-size:14px}.article-toc ol{margin:14px 0 0;padding-left:22px}.article-toc li+li{margin-top:8px}.article-toc a{color:var(--muted);font-size:14px}.article-toc a:hover{color:var(--green)}.prose{min-width:0;color:#e8efed}.prose h2{margin-top:56px;padding-top:8px;font-size:clamp(24px,3vw,29px);letter-spacing:-.02em}.prose h2:first-child{margin-top:0}.prose h3{margin-top:30px;font-size:20px}.prose p{margin-top:16px;color:#d0dcda}.prose ul,.prose ol{margin:16px 0 0;padding-left:24px;color:#d0dcda}.prose li{margin:0 0 7px}.prose strong{color:#fff}.prose a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.prose blockquote{margin:28px 0 0;padding:20px 22px;border:1px solid #457061;border-radius:6px;background:#09372f;color:#e9fff2}.prose table{width:100%;margin-top:24px;border-collapse:collapse;border:1px solid var(--solid-line);background:#062b35}.prose th,.prose td{padding:13px 14px;border-bottom:1px solid var(--solid-line);text-align:left;vertical-align:top}.prose th{background:#0c3a44;color:#fff}.prose td{color:#d0dcda}.article-cta{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:64px;padding:26px;border:1px solid #7ca48f;border-radius:8px;background:linear-gradient(120deg,#0a4135,#07303a);color:#fff}.cta-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:7px;background:var(--green);color:var(--night)}.cta-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4}.article-cta h2{margin:0;padding:0;font-size:24px}.article-cta p{margin-top:7px}.article-cta .button-primary{white-space:nowrap;color:var(--night)}.article-cta .button-primary:hover{background:var(--lime);color:var(--night)}.recommend-float{position:fixed;right:22px;bottom:22px;z-index:45;display:grid;grid-template-columns:38px minmax(0,220px) 30px;align-items:center;gap:12px;width:min(340px,calc(100% - 32px));padding:14px;border:1px solid #58a878;border-radius:8px;background:#082d38;color:#fff;box-shadow:0 0 28px rgba(0,237,100,.13)}.float-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:5px;background:var(--green);color:var(--night)}.float-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4}.recommend-float strong,.recommend-float small{display:block}.recommend-float small{margin-top:2px;color:var(--muted)}.float-close{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:4px;background:#16414b;color:#fff}.float-close svg{width:14px;height:14px;stroke:currentColor;stroke-width:2}.float-close:hover{background:#fff;color:var(--night)}
@media(max-width:760px){.blog-grid{grid-template-columns:minmax(0,1fr);padding-bottom:90px}.story-card{min-height:280px}.article-layout{grid-template-columns:minmax(0,1fr);gap:34px}.article-toc{position:relative;top:auto}.article-cta{grid-template-columns:50px minmax(0,1fr)}.article-cta .button-primary{grid-column:1/-1;width:100%}.prose table{display:block;overflow-x:auto}.recommend-float{right:16px;bottom:16px}.blog-hero,.article-hero{padding-top:58px}}
