/* dev-doc: 2026-10-07 23:12 owned-blog */
:root{color-scheme:light;font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.6}
*{box-sizing:border-box}
body{margin:0;color:#344054;background:#fff}
a{color:#1557a5;text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:#08336a}
a:focus-visible,summary:focus-visible{outline:3px solid #de7b33;outline-offset:3px}
.blog-shell{width:min(100% - 2.5rem,72rem);margin-inline:auto}
.blog-header{background:#fff;border-bottom:1px solid #e4e7ec}
.blog-header-row{position:relative;min-height:6.4rem;display:flex;align-items:center;justify-content:center}
.blog-brand{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;font-size:1rem;font-weight:600;text-decoration:none;color:#101828;white-space:nowrap}
.blog-brand img{width:2.5rem;height:2.5rem}
.blog-brand strong{font-weight:600;color:#475467}
.blog-header nav{position:absolute;inset-inline-end:0;top:.75rem}
.blog-language{position:relative;z-index:2}
.blog-language summary{display:flex;align-items:center;gap:.45rem;list-style:none;cursor:pointer;border:1px solid #dfe3ec;border-radius:.3rem;padding:.45rem .65rem;color:#475467;font-size:.88rem;white-space:nowrap}
.blog-language summary::-webkit-details-marker{display:none}
.blog-language summary:after{content:"";border-inline:4px solid transparent;border-top:5px solid currentColor;margin-inline-start:.2rem}
.blog-language img{width:1.5rem;height:1rem;object-fit:cover;border-radius:.15rem}
.blog-language ul{position:absolute;inset-inline-end:0;top:calc(100% + .4rem);margin:0;padding:.25rem;list-style:none;width:min(20rem,calc(100vw - 1.5rem));max-height:min(70vh,28rem);overflow:auto;background:#fff;border:1px solid #dfe3ec;border-radius:.5rem;box-shadow:0 14px 32px #18223022;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.blog-language li a{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-radius:.3rem;color:#344054;font-size:.875rem;text-decoration:none;white-space:nowrap}
.blog-language li a:hover,.blog-language li a[aria-current]{background:#f2f4f7}
.blog-language li a span:last-child:not(:first-of-type){margin-inline-start:auto;color:#1e50c3}
.blog-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:700;color:#1e50c3}
h1,h2{line-height:1.18;letter-spacing:-.035em}
.blog-search{position:absolute;inset-inline-start:0;top:.75rem;display:flex;align-items:center;width:clamp(8rem,25vw,13rem);height:2.6rem;border:1px solid #a7b6c6;border-radius:.4rem;background:#fff}
.blog-search:focus-within{outline:3px solid #de7b33;outline-offset:2px}
.blog-search input{flex:1;min-width:0;width:100%;height:100%;padding:.4rem .2rem .4rem .65rem;border:0;background:transparent;font:inherit;font-size:.85rem;outline:0}
.blog-search button{flex:none;width:2.5rem;height:100%;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#1557a5;cursor:pointer}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.5rem;row-gap:0;padding:1rem 0 2rem}
.blog-card{background:#fff;border-top:1px solid #e4e7ec;padding:1.5rem .5rem;display:flex;flex-direction:column;min-width:0}
.blog-card h2{font-size:1.4rem;margin:.3rem 0 .8rem}
.blog-card h2 a{text-decoration:none;color:#172436}
.blog-card h2 a:hover{text-decoration:underline}
.blog-card>p:not(.blog-date){color:#667085;margin:0 0 1.25rem;flex:1;overflow-wrap:anywhere}
.blog-read-more{display:inline-flex;align-items:center;align-self:flex-start;padding:.55rem .9rem;border-radius:.3rem;background:#1557a5;color:#fff;text-decoration:none;font-size:.88rem;font-weight:600}
.blog-read-more:hover{background:#08336a;color:#fff}
.blog-card-lead{grid-column:1/-1;padding:1.6rem .5rem 2rem;border-top:0;border-bottom:2px solid #172436;margin-bottom:1rem;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:2.25rem;align-items:start}
.blog-card-lead .blog-date,.blog-card-lead h2,.blog-card-lead>p:not(.blog-date),.blog-card-lead .blog-read-more{grid-column:1}
.blog-card-lead .blog-date{margin:0 0 .5rem}
.blog-card-lead .blog-read-more{justify-self:start}
.blog-card-lead h2{font-size:clamp(2.4rem,4vw,3.2rem);line-height:1.08}
.blog-lead-visual{grid-column:2;grid-row:1/span 4;align-self:center;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:.4rem;background:#e9f0f5}
.blog-lead-visual img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card-lead>p:not(.blog-date){font-size:1.05rem;color:#475467}
.blog-date{font-size:.88rem;color:#687587}
.blog-pagination{display:flex;justify-content:space-between;gap:1rem;min-height:4rem}
.blog-pagination a{font-weight:700}
.blog-article-shell{max-width:52rem;padding-block:2rem 4rem}
.blog-back{display:inline-block;margin-bottom:2rem;font-weight:700;text-decoration:none}
.blog-article{background:#fff;padding:0}
.blog-article h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:.45rem 0 1rem}
.blog-body{font-size:1.06rem;overflow-wrap:anywhere}
.blog-body h2{margin-top:2.2rem;font-size:1.8rem}
.blog-body h3{margin-top:1.8rem;font-size:1.4rem}
.blog-body p{margin:1.2rem 0}
.blog-body img,.blog-body video,.blog-body iframe{max-width:100%;height:auto}
.blog-body img{display:block;margin-inline:auto;border-radius:.5rem}
.blog-body pre{overflow:auto;padding:1rem;background:#eef2f7;border-radius:.6rem}
.blog-body table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}
.blog-body th,.blog-body td{border:1px solid #c5d2e1;padding:.5rem;text-align:start}
.blog-body blockquote{border-inline-start:4px solid #e28a4a;margin:1.5rem 0;padding-inline-start:1.2rem;color:#536175}
.blog-embed{aspect-ratio:16/9;max-width:100%;background:#e9eff5;border:1px solid #c5d2e1;border-radius:.6rem;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem;text-align:center}
.blog-embed-load{border:0;border-radius:.5rem;background:#1557a5;color:#fff;padding:.8rem 1.2rem;font:inherit;font-weight:700;cursor:pointer}
.blog-embed iframe{width:100%;height:100%;border:0;border-radius:.6rem}
.blog-image-unavailable{display:block;padding:1rem;margin:1rem 0;border:1px dashed #9baabd;border-radius:.5rem;color:#59677a;background:#f3f6fa;font-size:.92rem}
.blog-footer{border-top:1px solid #dae2ea;color:#687587;font-size:.88rem;padding:2rem 0}
@media(max-width:55rem){.blog-header-row{min-height:8.5rem;align-items:flex-end;padding-bottom:.6rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-lead{grid-template-columns:1fr;row-gap:.3rem}.blog-lead-visual{grid-column:1;grid-row:auto;margin:.3rem 0 .8rem}}
@media(max-width:40rem){.blog-shell{width:min(100% - 1.5rem,72rem)}.blog-brand{font-size:.92rem}.blog-language ul{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.blog-card{padding:1.2rem .2rem}.blog-card-lead{padding:1.2rem .2rem 1.7rem}.blog-card-lead h2{font-size:clamp(2rem,8vw,2.4rem)}}