.blog-page{background:#f8f9fa;padding-bottom:2rem}.blog-page [hidden]{display:none!important}.blog-page .breadcrumbs{padding-top:1.5rem;padding-bottom:1rem}.blog-page a:focus-visible,.blog-page button:focus-visible,.blog-page input:focus-visible,.blog-page select:focus-visible,.blog-page [tabindex="0"]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.blog-page h1,.blog-page h2,.blog-page h3{overflow-wrap:anywhere}.blog-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:3rem;padding-top:2.2rem;padding-bottom:3.4rem;border-bottom:1px solid var(--line)}.blog-hub-hero h1{max-width:20ch;margin:.5rem 0 1rem;font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.12;letter-spacing:-.045em}.blog-lead{color:var(--muted-strong);font-size:1.13rem;line-height:1.72;max-width:66ch;margin:0}.blog-hub-mark{position:relative;width:208px;height:208px;border:1px solid var(--line);background:#eef0f2;display:grid;place-items:center;justify-self:end}.blog-hub-mark:before,.blog-hub-mark:after{content:"";position:absolute;background:var(--line)}.blog-hub-mark:before{width:100%;height:1px}.blog-hub-mark:after{height:100%;width:1px}.blog-mark-ring{position:absolute;width:150px;height:150px;border:1px solid var(--line-strong);border-radius:50%}.blog-mark-cross{position:absolute;inset:27px;border:1px solid var(--line-strong);transform:rotate(45deg)}.blog-mark-dot{position:absolute;width:10px;height:10px;right:23px;top:23px;border-radius:50%;background:var(--cyan)}.blog-hub-mark b{position:relative;z-index:1;background:#eef0f2;font:500 3.6rem/1 var(--mono);letter-spacing:-.08em;padding:.6rem}.blog-library{padding-top:2.2rem;padding-bottom:3rem}.blog-scenarios{margin-bottom:2.3rem}.blog-scenarios h2{margin:0 0 .65rem;font-size:1.65rem;line-height:1.3}.blog-scenarios>p{color:var(--muted-strong);line-height:1.65;margin:0 0 1.1rem}.blog-scenarios ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:.65rem}.blog-scenarios a{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:56px;height:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-size:.95rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.blog-scenarios a:hover{border-color:var(--ink);color:var(--blue)}.blog-scenario-filter{margin-bottom:1rem}.blog-scenario-filter select{width:100%;max-width:100%;min-height:48px;padding:.7rem;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font:inherit}.blog-series{padding-bottom:1.5rem}.blog-series-heading h2{margin:0 0 .4rem;font-size:1.5rem;line-height:1.4}.blog-series-heading p{margin:0 0 1rem;color:var(--muted-strong)}.blog-series ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;list-style:none;padding:0;margin:0}.blog-series a{display:flex;gap:.65rem;align-items:flex-start;height:100%;min-height:44px;padding:.85rem .75rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);line-height:1.5;overflow-wrap:anywhere}.blog-series a:hover{border-color:var(--ink)}.blog-series a[aria-current=page]{border-color:var(--navy);background:#eaf0f4}.blog-series-number{flex:0 0 1.2rem;font:600 .9rem/1.7 var(--mono);color:var(--blue)}.blog-series strong{display:block;font-size:.9rem}.blog-series small{display:block;margin-top:.4rem;color:var(--muted-strong);font-size:.8rem}.blog-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1.25rem;margin-bottom:1.3rem}.blog-section-heading h2{margin:0;font-size:1.65rem;line-height:1.28;letter-spacing:-.025em}.blog-section-heading>span{color:var(--muted);font-size:.87rem;white-space:nowrap}.blog-section-heading>a{color:var(--muted-strong);font-size:.93rem;text-decoration:underline;text-underline-offset:.25em}.blog-category-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}.blog-category-nav a{border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .95rem;font-size:.9rem;font-weight:600;line-height:1.3;background:#fff;min-height:44px;display:flex;align-items:center}.blog-category-nav a.is-current{background:var(--navy);border-color:var(--navy);color:#fff}.blog-category-nav a:hover{border-color:var(--ink)}.blog-search{max-width:680px;margin-bottom:1.8rem}.blog-search label{display:block;margin-bottom:.4rem;font-size:.87rem;font-weight:600}.blog-search-field{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding-left:.9rem}.blog-search-field svg{flex:0 0 21px;width:21px;height:21px;fill:none;stroke:var(--muted);stroke-width:1.7}.blog-search-field input{flex:1;min-width:0;background:transparent;padding:.9rem .7rem;border:0;color:var(--ink);font-size:1rem;min-height:48px}.blog-search-field button{flex:0 0 auto;border:0;border-left:1px solid var(--line);background:transparent;padding:.6rem .85rem;margin-right:.2rem;color:var(--muted-strong);cursor:pointer;font-size:.86rem;min-height:44px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.blog-card{display:flex;flex-direction:column;border:1px solid #d3d8dc;border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:var(--shadow-soft)}.blog-card-image{display:block;overflow:hidden;border-bottom:1px solid #d3d8dc;aspect-ratio:16 / 9;background:#dce2e7}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.blog-card:hover .blog-card-image img{transform:scale(1.025)}.blog-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.2rem}.blog-card-category{font-size:.73rem;font-weight:700;color:var(--blue);letter-spacing:.01em;line-height:1.45}.blog-card-body h3{font-size:1.13rem;line-height:1.4;letter-spacing:-.02em;margin:.65rem 0 .75rem}.blog-card-body h3 a:hover{text-decoration:underline;text-underline-offset:.2em}.blog-card-body p{font-size:.94rem;line-height:1.67;color:var(--muted-strong);margin:0 0 1.15rem}.blog-card-footer{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-top:auto;border-top:1px solid #e5e8eb;padding-top:.9rem}.blog-card-read{color:var(--ink);font-size:.88rem;font-weight:700;min-height:30px;display:inline-flex;align-items:center}.blog-card-read:hover{color:var(--blue)}.blog-card-footer>span{color:var(--muted);font-size:.78rem}.blog-search-empty{padding:2rem;background:#fff;border:1px solid var(--line);text-align:center}.blog-article-header{padding-top:1.4rem;padding-bottom:2.2rem}.blog-article-intro{max-width:870px;margin:0 auto 2rem}.blog-category-link{display:inline-block;font-size:.83rem;color:var(--blue);font-weight:700;margin-bottom:.8rem}.blog-category-link:hover{text-decoration:underline;text-underline-offset:.25em}.blog-article-intro h1{font-size:clamp(2.05rem,4vw,3.1rem);line-height:1.18;letter-spacing:-.035em;margin:0 0 1.3rem;max-width:29ch}.blog-article-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;padding:1.2rem 0 1rem;margin-top:.5rem;color:var(--muted);font-size:.85rem}.blog-article-meta a{color:var(--ink);text-decoration:underline;text-underline-offset:.2em}.blog-hero-cta{display:inline-flex;gap:.8rem;align-items:center;min-height:44px;border-bottom:1px solid var(--ink);font-size:.94rem;font-weight:700}.blog-cover{margin:0}.blog-cover img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius);background:#dce2e7}.blog-cover figcaption{color:var(--muted);font-size:.82rem;line-height:1.6;padding-top:.6rem;max-width:88ch}.blog-article-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:2.8rem;padding-top:1.25rem;padding-bottom:3rem;align-items:start}.blog-toc{position:sticky;top:108px;max-height:calc(100vh - 132px);overflow-y:auto;font-size:.89rem}.blog-toc details{padding-top:.8rem}.blog-toc summary{font-weight:700;cursor:pointer;min-height:44px}.blog-toc ol{list-style:none;padding:0;margin:.5rem 0 0}.blog-toc li{border-bottom:1px solid #dce0e4}.blog-toc a{display:block;padding:.8rem 0;line-height:1.5}.blog-toc a:hover{color:var(--blue)}.blog-prose{max-width:74ch;min-width:0;font-size:1.065rem;line-height:1.78;color:#2c333a}.blog-content-section{margin-bottom:2.5rem;scroll-margin-top:110px}.blog-prose h2{font-size:1.72rem;line-height:1.35;letter-spacing:-.025em;color:var(--ink);margin:0 0 1.1rem}.blog-prose h3{color:var(--ink)}.blog-prose p{margin:0 0 1.15rem}.blog-prose ul,.blog-prose ol{padding-left:1.5rem;margin:1.2rem 0}.blog-prose li{padding-left:.2rem;margin:.65rem 0}.blog-prose li::marker{color:var(--blue);font-weight:650}.blog-code{margin:1.4rem 0;border:1px solid #cdd3d8;background:#eef1f3;border-radius:var(--radius)}.blog-code pre{font:.84rem/1.8 var(--mono);overflow-x:auto;margin:0;padding:1.2rem;tab-size:2}.blog-table-scroll{overflow-x:auto;margin:1.4rem 0;border:1px solid var(--line);border-radius:var(--radius)}.blog-table-scroll table{width:100%;border-collapse:collapse;margin:0;font-size:.92rem;line-height:1.65}.blog-table-scroll caption{text-align:left;font-weight:650;color:var(--ink);padding:.9rem 1rem;background:#eef1f3;caption-side:top;border-bottom:1px solid var(--line)}.blog-table-scroll th{text-align:left;font-weight:700;background:#fff;color:var(--ink)}.blog-table-scroll th,.blog-table-scroll td{padding:.85rem 1rem;border-bottom:1px solid #dce0e4;vertical-align:top;min-width:145px}.blog-table-scroll tbody tr:nth-child(2n){background:#f0f2f4}.blog-table-scroll tbody tr:last-child td{border-bottom:0}.blog-diagram{margin:1.6rem 0;border:1px solid #cdd3d8;border-radius:var(--radius);background:#fff;padding:1.25rem}.blog-diagram-shell{min-width:0;margin:1.6rem 0}.blog-diagram-shell .blog-diagram{margin:0}.blog-diagram-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.blog-diagram-open{display:flex;gap:.7rem;align-items:center;min-height:44px;margin:.45rem 0 0 auto;padding:.6rem .8rem;border:1px solid #cdd3d8;background:#fff;color:var(--ink);cursor:pointer;border-radius:var(--radius);font-family:inherit;font-weight:600;font-size:.86rem;line-height:1.5}.blog-diagram-open[hidden]{display:none}.blog-diagram-dialog{width:min(1180px,calc(100vw - 2rem));max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:0;border:1px solid #cdd3d8;border-radius:var(--radius);color:var(--ink);background:#fff;overflow:auto;overscroll-behavior:contain}.blog-diagram-dialog::backdrop{background:#0f1b27b8}.blog-diagram-dialog-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.7rem;padding:.7rem 1rem;border-bottom:1px solid #cdd3d8;background:#eef1f3;font-size:.9rem;font-weight:600}.blog-diagram-dialog-bar button{min-height:44px;margin-left:auto;padding:.5rem .8rem;border:1px solid #cdd3d8;background:#fff;color:var(--ink);border-radius:var(--radius);cursor:pointer;font-size:.9rem}.blog-diagram-dialog .blog-diagram{border:0;border-radius:0}.blog-diagram-dialog .blog-diagram-drawing{min-width:960px}.blog-prose .blog-diagram-dialog .blog-diagram-labels li{font-size:1.065rem}.blog-prose .blog-diagram-dialog .blog-diagram-heading p{font-size:1rem}.blog-diagram-heading h3{margin:0 0 .6rem;font-size:1.12rem;line-height:1.4;letter-spacing:-.015em}.blog-diagram-heading p{color:var(--muted-strong);margin:0;font-size:.95rem;line-height:1.72}.blog-diagram-drawing{display:block;width:100%;height:auto;color:#596b7a;margin:.55rem 0 .15rem}.blog-diagram-line{fill:none;stroke:#667887;stroke-width:2.5}.blog-diagram-tick{fill:none;stroke:#aab7c1;stroke-width:1.5;stroke-dasharray:5 4}.blog-diagram-box{fill:#eaf0f4;stroke:#526a7e;stroke-width:2}.blog-diagram-number{text-anchor:middle;font:600 27px var(--mono);fill:#253e52}.blog-diagram-number--small{font-size:21px}.blog-diagram-lane{fill:#edf2f6;stroke:#c7d2db;stroke-width:1.5}.blog-diagram-lane--accent{fill:#fbefe4;stroke:#deb996}.blog-diagram-ray{fill:#e5eef6;stroke:#8fa8bc;stroke-width:1.8}.blog-diagram-camera{fill:#344b5d;stroke:#243c4e;stroke-width:2}.blog-diagram-lens{fill:#d7e8f4;stroke:#52748e;stroke-width:2}.blog-diagram-target{fill:#ead5ba;stroke:#9c764e;stroke-width:2}.blog-diagram-target-detail{stroke:#af8f6b;stroke-width:2;fill:none}.blog-prose .blog-diagram-labels{display:grid;grid-template-columns:repeat(var(--diagram-columns),minmax(0,1fr));list-style:none;padding:0;gap:.6rem;margin:.65rem 0 1rem}.blog-prose .blog-diagram-labels li{display:flex;gap:.65rem;padding:.75rem;margin:0;border-top:1px solid #d6dde3;font-size:.94rem;line-height:1.65;overflow-wrap:anywhere}.blog-diagram-key{flex:0 0 1.6rem;font:600 .85rem/1.85 var(--mono);color:var(--blue)}.blog-diagram figcaption{border-top:1px solid #dce0e4;padding-top:.8rem;font-size:.87rem;color:var(--muted-strong);line-height:1.65}.blog-sources{padding-top:1.6rem;scroll-margin-top:110px}.blog-sources>p{color:var(--muted-strong);font-size:.94rem}.blog-sources ol{padding-left:1.4rem}.blog-sources li{padding-bottom:.9rem;margin-bottom:1rem;border-bottom:1px solid #dce0e4;font-size:.96rem}.blog-sources li>a,.blog-route-links a{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:#95a4b0;overflow-wrap:anywhere}.blog-sources li>a:hover,.blog-route-links a:hover{text-decoration-color:var(--ink)}.blog-source-publisher{display:block;color:var(--muted-strong);font-size:.85rem}.blog-sources li p{margin:.35rem 0;font-size:.9rem}.blog-sources small,.blog-route-links small{color:var(--muted);font-size:.8rem}.blog-route-links{margin-top:2rem}.blog-share{margin-top:2.2rem;border-top:1px solid var(--line);padding-top:1.3rem}.blog-share h2{font-size:1.15rem;margin-bottom:.6rem}.blog-prose .blog-share ul{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0;list-style:none}.blog-prose .blog-share li{margin:0;padding:0}.blog-share a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem .85rem;border:1px solid var(--line);background:#fff;border-radius:var(--radius);font-size:.9rem;font-weight:600}.blog-share a:hover{border-color:var(--ink)}.blog-related{padding-bottom:2.5rem}.blog-card-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-page .cta-section{padding-top:1.5rem;padding-bottom:2.5rem}@media(max-width:980px){.blog-scenarios ul,.blog-series ol,.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-layout{grid-template-columns:180px minmax(0,1fr);gap:1.75rem}.blog-hub-hero{gap:1.5rem;grid-template-columns:minmax(0,1fr) 180px}.blog-hub-mark{width:170px;height:170px}.blog-mark-ring{width:122px;height:122px}}@media(max-width:760px){.blog-page{padding-bottom:4rem}.blog-hub-hero{grid-template-columns:1fr;padding-top:1.2rem;padding-bottom:2rem}.blog-hub-mark{display:none}.blog-hub-hero h1{font-size:clamp(2rem,7vw,3rem);max-width:24ch}.blog-lead{font-size:1.05rem}.blog-library{padding-top:1.8rem}.blog-section-heading{align-items:flex-start;flex-wrap:wrap;gap:.65rem}.blog-section-heading h2{font-size:1.4rem}.blog-article-layout{display:block;padding-top:.5rem}.blog-toc{position:static;max-height:none;overflow:visible;background:#eef1f3;border:1px solid var(--line);padding:.8rem 1rem;margin-bottom:2rem}.blog-toc details{padding-top:0}.blog-toc a{padding:.65rem 0}.blog-toc summary{display:list-item;min-height:32px}.blog-article-header{padding-top:1rem;padding-bottom:1.5rem}.blog-article-intro h1{font-size:clamp(1.9rem,6vw,2.6rem);line-height:1.2}.blog-article-meta{gap:.45rem 1rem;font-size:.8rem}.blog-prose{max-width:none;font-size:1.065rem;line-height:1.78}.blog-prose h2{font-size:1.45rem}.blog-prose .blog-diagram-labels{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-diagram{padding:1rem}.blog-diagram-labels li{font-size:.94rem}.blog-card-grid--related{grid-template-columns:1fr 1fr}}@media(max-width:520px){.blog-scenarios ul,.blog-series ol{grid-template-columns:1fr}.blog-card-grid,.blog-card-grid--related{grid-template-columns:1fr;gap:1.1rem}.blog-card-body{padding:1.1rem}.blog-card-body h3{font-size:1.16rem}.blog-category-nav a{font-size:.84rem;padding:.65rem .8rem}.blog-search-field{padding-left:.65rem}.blog-search-field button{max-width:100px;font-size:.78rem;padding:.55rem}.blog-prose .blog-diagram-labels{grid-template-columns:1fr}.blog-prose .blog-diagram-labels li{padding:.6rem 0}.blog-diagram-number{font-size:30px}.blog-diagram-number--small{font-size:23px}.blog-diagram-heading h3{font-size:1.08rem}.blog-diagram-drawing{min-height:85px}.blog-table-scroll th,.blog-table-scroll td{padding:.7rem .85rem}}@media(prefers-reduced-motion:reduce){.blog-card-image img{transition:none}.blog-card:hover .blog-card-image img{transform:none}}
