.blogx{--bx-cream:#f3efe6;--bx-paper:#fbf9f4;--bx-ink:#1a1c1a;--bx-ink-soft:#4a4d4a;--bx-blue:#2b7fa3;--bx-blue-deep:#226685;--bx-green:#4f9e4c;--bx-line:#1a1c1a1f;background:var(--bx-cream);color:var(--bx-ink);font-family:var(--font-sans), system-ui, sans-serif;padding:92px 20px 40px}.blogx-shell{max-width:760px;margin:0 auto}.blogx-shell--wide{max-width:1080px}.blogx-crumb{color:var(--bx-ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:.82rem;font-weight:600;display:flex}.blogx-crumb a{color:var(--bx-blue-deep);text-decoration:none}.blogx-crumb a:hover{text-decoration:underline}.blogx-crumb span[aria-current]{color:var(--bx-ink-soft);font-weight:500}.blogx-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.blogx-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--bx-blue-deep);background:#2b7fa31a;border:1px solid #2b7fa333;border-radius:100px;padding:4px 11px;font-size:.72rem;font-weight:700}.blogx-meta{color:var(--bx-ink-soft);font-size:.82rem;font-weight:500}.blogx-h1{letter-spacing:-.02em;color:var(--bx-ink);text-wrap:balance;margin:6px 0 18px;font-size:clamp(2rem,5.2vw,3.05rem);font-weight:800;line-height:1.08}.blogx-lead{color:var(--bx-ink-soft);margin-bottom:30px;font-size:clamp(1.08rem,2.4vw,1.28rem);line-height:1.6}.blogx-cover{border:1px solid var(--bx-line);background:var(--bx-paper);border-radius:18px;margin-bottom:12px;overflow:hidden}.blogx-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.blogx-credit{color:var(--bx-ink-soft);text-align:right;opacity:.75;margin:0 0 34px;font-size:.74rem}.blogx-body{color:#232523;font-size:1.11rem;line-height:1.78}.blogx-body>p{margin:0 0 1.35em}.blogx-body h2{letter-spacing:-.015em;color:var(--bx-ink);margin:2em 0 .7em;scroll-margin-top:100px;font-size:clamp(1.5rem,3.4vw,1.95rem);font-weight:800;line-height:1.2}.blogx-body h3{color:var(--bx-ink);margin:1.6em 0 .5em;scroll-margin-top:100px;font-size:clamp(1.2rem,2.6vw,1.4rem);font-weight:700;line-height:1.25}.blogx-link{color:var(--bx-blue-deep);text-underline-offset:2px;font-weight:600;-webkit-text-decoration:underline #2b7fa366;text-decoration:underline #2b7fa366}.blogx-link:hover{-webkit-text-decoration-color:var(--bx-blue-deep);text-decoration-color:var(--bx-blue-deep)}.blogx-code{font-family:var(--font-mono), ui-monospace, monospace;border:1px solid var(--bx-line);white-space:nowrap;background:#1a1c1a12;border-radius:6px;padding:1px 6px;font-size:.86em}.blogx-ul,.blogx-ol{margin:0 0 1.35em;padding-left:1.35em}.blogx-ul li,.blogx-ol li{margin-bottom:.55em}.blogx-ul{padding-left:0;list-style:none}.blogx-ul li{padding-left:1.6em;position:relative}.blogx-ul li:before{content:"";background:var(--bx-blue);border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:.35em}.blogx-steps{gap:14px;margin:.4em 0 1.6em;padding:0;list-style:none;display:grid}.blogx-step{background:var(--bx-paper);border:1px solid var(--bx-line);border-radius:14px;gap:16px;padding:16px 18px;display:flex}.blogx-step-num{background:var(--bx-blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.95rem;font-weight:700;display:grid}.blogx-step-title{color:var(--bx-ink);margin:2px 0 3px;font-weight:700}.blogx-step-text{color:var(--bx-ink-soft);margin:0;font-size:.98rem;line-height:1.6}.blogx-callout{border:1px solid var(--bx-line);background:var(--bx-paper);border-left-width:4px;border-radius:14px;margin:0 0 1.5em;padding:16px 18px}.blogx-callout-title{color:var(--bx-ink);margin:0 0 4px;font-weight:700}.blogx-callout-text{color:var(--bx-ink-soft);margin:0;line-height:1.65}.blogx-callout-info{border-left-color:var(--bx-blue)}.blogx-callout-tip{border-left-color:var(--bx-green)}.blogx-callout-warn{border-left-color:#d99a2b}.blogx-quote{border-left:4px solid var(--bx-blue);color:var(--bx-ink);margin:0 0 1.5em;padding:4px 0 4px 22px;font-size:1.2rem;font-weight:500;line-height:1.55}.blogx-quote cite{color:var(--bx-ink-soft);margin-top:8px;font-size:.9rem;font-style:normal;display:block}.blogx-tablewrap{border:1px solid var(--bx-line);background:var(--bx-paper);border-radius:14px;margin:0 0 1.6em;overflow-x:auto}.blogx-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem}.blogx-table th,.blogx-table td{text-align:left;border-bottom:1px solid var(--bx-line);vertical-align:top;padding:12px 14px}.blogx-table thead th{color:var(--bx-ink);white-space:nowrap;background:#2b7fa314;font-weight:700}.blogx-table tbody th{color:var(--bx-ink);font-weight:700}.blogx-table td{color:var(--bx-ink-soft)}.blogx-table tr:last-child th,.blogx-table tr:last-child td{border-bottom:none}.blogx-tablewrap figcaption{color:var(--bx-ink-soft);border-top:1px solid var(--bx-line);padding:10px 14px;font-size:.82rem}.blogx-figure{margin:0 0 1.6em}.blogx-figure img{border:1px solid var(--bx-line);border-radius:14px;width:100%;height:auto;display:block}.blogx-figure figcaption{color:var(--bx-ink-soft);text-align:center;margin-top:8px;font-size:.84rem}.blogx-cta{color:#eef3f1;background:#16302f;border:1px solid #ffffff0f;border-radius:18px;flex-wrap:wrap;align-items:center;gap:20px;margin:2em 0;padding:22px 24px;display:flex}.blogx-cta-body{flex:300px}.blogx-cta-heading{color:#fff;margin:0 0 4px;font-size:1.12rem;font-weight:700}.blogx-cta-sub{color:#eef3f1c7;margin:0;font-size:.95rem;line-height:1.55}.blogx-cta-btn{color:#16302f;background:#fff;border-radius:100px;flex:none;padding:12px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .18s}.blogx-cta-btn:hover{transform:scale(1.03)}.blogx-faq{margin-top:2.2em}.blogx-faq h2{letter-spacing:-.015em;color:var(--bx-ink);margin:0 0 .7em;font-size:clamp(1.5rem,3.4vw,1.95rem);font-weight:800}.blogx-faq-item{border-bottom:1px solid var(--bx-line);padding:6px 0}.blogx-faq-item summary{cursor:pointer;color:var(--bx-ink);justify-content:space-between;gap:12px;padding:12px 0;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.blogx-faq-item summary::-webkit-details-marker{display:none}.blogx-faq-item summary:after{content:"+";color:var(--bx-blue);font-size:1.3rem;font-weight:700;line-height:1}.blogx-faq-item[open] summary:after{content:"−"}.blogx-faq-item p{color:var(--bx-ink-soft);margin:0 0 12px;line-height:1.7}.blogx-postfoot{border-top:1px solid var(--bx-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:40px;padding-top:24px;display:flex}.blogx-byline{color:var(--bx-ink-soft);font-size:.9rem}.blogx-back{color:var(--bx-blue-deep);font-size:.9rem;font-weight:600;text-decoration:none}.blogx-back:hover{text-decoration:underline}.blogx-index-head{text-align:center;max-width:640px;margin:0 auto 40px}.blogx-index-kicker{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--bx-blue-deep);font-size:.78rem;font-weight:600}.blogx-index-title{letter-spacing:-.02em;color:var(--bx-ink);margin:10px 0 12px;font-size:clamp(2.1rem,5.5vw,3.2rem);font-weight:800;line-height:1.05}.blogx-index-sub{color:var(--bx-ink-soft);font-size:1.08rem;line-height:1.55}.blogx-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.blogx-card{background:var(--bx-paper);border:1px solid var(--bx-line);color:inherit;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.blogx-card:hover{border-color:#2b7fa359;transform:translateY(-3px);box-shadow:0 12px 30px #1a1c1a1a}.blogx-card-media{aspect-ratio:16/9;background:var(--bx-cream);overflow:hidden}.blogx-card-media img{object-fit:cover;width:100%;height:100%;display:block}.blogx-card-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.blogx-card-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blogx-card-read{color:var(--bx-ink-soft);margin-left:auto;font-size:.78rem}.blogx-card-title{letter-spacing:-.01em;color:var(--bx-ink);margin:0;font-size:1.28rem;font-weight:800;line-height:1.2}.blogx-card-excerpt{color:var(--bx-ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blogx-card-more{color:var(--bx-blue-deep);align-items:center;gap:6px;margin-top:auto;font-size:.9rem;font-weight:700;display:inline-flex}.blogx-related{margin-top:44px}.blogx-related h2{color:var(--bx-ink);margin:0 0 18px;font-size:1.3rem;font-weight:800}@media (max-width:520px){.blogx{padding:84px 16px 32px}.blogx-step{padding:14px}}
