.lobey-blog{--lb-ink:#17384d;--lb-muted:#526775;--lb-brand:#174e6d;--lb-accent:#79c9bd;--lb-soft:#eef8f6;--lb-line:#dbe6e8;--lb-warn:#fff8e8;--lb-white:#fff;color:var(--lb-ink);font-size:17px;line-height:1.72}
.lobey-blog *{box-sizing:border-box}
.lobey-blog a{color:var(--lb-brand);text-decoration-thickness:1px;text-underline-offset:3px}
.lobey-blog a:hover{text-decoration-thickness:2px}
.lobey-blog__layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;align-items:start;max-width:1180px;margin:0 auto}
.lobey-blog__main{min-width:0;max-width:790px}
.lobey-blog__intro{margin:0 0 36px;padding:24px 26px;border:1px solid #cce4df;border-left:5px solid var(--lb-accent);border-radius:16px;background:var(--lb-soft);box-shadow:0 8px 30px rgba(23,56,77,.06)}
.lobey-blog__intro-label{display:block;margin-bottom:6px;color:var(--lb-brand);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lobey-blog__intro p{margin:0}
.lobey-blog__section{margin:0 0 52px;scroll-margin-top:96px}
.lobey-blog h2{margin:0 0 20px;color:var(--lb-ink);font-size:clamp(27px,3vw,38px);line-height:1.18;letter-spacing:-.025em}
.lobey-blog h3{margin:30px 0 12px;color:var(--lb-ink);font-size:22px;line-height:1.3}
.lobey-blog p{margin:0 0 18px}
.lobey-blog ul,.lobey-blog ol{margin:0 0 22px;padding-left:24px}
.lobey-blog li{margin:0 0 9px;padding-left:4px}
.lobey-blog__rail{position:sticky;top:24px}
.lobey-blog__toc{padding:22px;border:1px solid var(--lb-line);border-radius:16px;background:var(--lb-white);box-shadow:0 10px 34px rgba(23,56,77,.07)}
.lobey-blog__toc-title{margin:0 0 13px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lobey-blog__toc ol{margin:0;padding:0;list-style:none;counter-reset:lb-toc}
.lobey-blog__toc li{position:relative;margin:0;padding:0 0 0 27px;counter-increment:lb-toc}
.lobey-blog__toc li:before{content:counter(lb-toc);position:absolute;left:0;top:10px;color:#78909b;font-size:12px;font-weight:700}
.lobey-blog__toc a{display:block;padding:9px 0;border-bottom:1px solid #edf1f2;color:var(--lb-ink);font-size:14px;line-height:1.35;text-decoration:none}
.lobey-blog__toc li:last-child a{border-bottom:0}
.lobey-blog__rail-cta{margin-top:16px;padding:20px;border-radius:16px;background:var(--lb-ink);color:var(--lb-white)}
.lobey-blog__rail-cta strong{display:block;margin-bottom:7px;font-size:17px;line-height:1.3}
.lobey-blog__rail-cta span{display:block;margin-bottom:15px;color:#dce8ed;font-size:14px;line-height:1.45}
.lobey-blog__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;background:var(--lb-brand);color:var(--lb-white)!important;font-weight:800;line-height:1.2;text-align:center;text-decoration:none!important;box-shadow:0 8px 20px rgba(23,78,109,.2)}
.lobey-blog__button:hover{background:#103e58;transform:translateY(-1px)}
.lobey-blog__rail-cta .lobey-blog__button{width:100%;background:var(--lb-accent);color:#123748!important;box-shadow:none}
.lobey-blog__decision,.lobey-blog__note,.lobey-blog__warning{margin:24px 0;padding:20px 22px;border-radius:14px}
.lobey-blog__decision{background:var(--lb-soft);border:1px solid #d0e9e4}
.lobey-blog__note{background:#f4f7f8;border:1px solid var(--lb-line)}
.lobey-blog__warning{background:var(--lb-warn);border:1px solid #ecd8a3}
.lobey-blog__decision p:last-child,.lobey-blog__note p:last-child,.lobey-blog__warning p:last-child{margin-bottom:0}
.lobey-blog__table-wrap{width:100%;margin:24px 0 28px;overflow-x:auto;border:1px solid var(--lb-line);border-radius:14px;background:var(--lb-white);-webkit-overflow-scrolling:touch}
.lobey-blog table{width:100%;min-width:650px;border-collapse:collapse;font-size:15px;line-height:1.5}
.lobey-blog th,.lobey-blog td{padding:15px 17px;border:0;border-bottom:1px solid var(--lb-line);vertical-align:top;text-align:left}
.lobey-blog th{background:var(--lb-ink);color:var(--lb-white);font-size:13px;letter-spacing:.03em}
.lobey-blog tbody tr:nth-child(even){background:#f8fafb}
.lobey-blog tbody tr:last-child td{border-bottom:0}
.lobey-blog__steps{padding-left:0!important;list-style:none;counter-reset:lb-step}
.lobey-blog__steps>li{position:relative;min-height:44px;margin-bottom:14px;padding:4px 0 4px 56px;counter-increment:lb-step}
.lobey-blog__steps>li:before{content:counter(lb-step);position:absolute;left:0;top:0;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--lb-soft);color:var(--lb-brand);font-weight:800}
.lobey-blog__product-bridge{margin:30px 0 18px;padding:24px;border-radius:18px;background:linear-gradient(135deg,#eff9f7 0%,#fff 100%);border:1px solid #cfe7e2}
.lobey-blog__product-bridge h3{margin-top:0}
.lobey-blog__product-slot{margin:18px 0 38px;min-height:110px;padding:10px 0}
.lobey-blog__sources{padding:22px;border-top:1px solid var(--lb-line);background:#f8fafb;font-size:14px}
.lobey-blog__sources h2{font-size:25px}
.lobey-blog__mobile-toc{display:none}
@media(max-width:900px){.lobey-blog{font-size:16px}.lobey-blog__layout{display:block}.lobey-blog__main{max-width:none}.lobey-blog__rail{display:none}.lobey-blog__mobile-toc{position:sticky;top:0;z-index:50;display:block;margin:0 0 28px;border:1px solid var(--lb-line);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(23,56,77,.12);backdrop-filter:blur(8px)}.lobey-blog__mobile-toc[open]{position:static}.lobey-blog__mobile-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:12px 16px;color:var(--lb-ink);font-weight:800;cursor:pointer;list-style:none}.lobey-blog__mobile-toc summary::-webkit-details-marker{display:none}.lobey-blog__mobile-toc summary:after{content:"+";font-size:22px;font-weight:500}.lobey-blog__mobile-toc[open] summary:after{content:"−"}.lobey-blog__mobile-toc ol{max-height:58vh;margin:0;padding:4px 20px 16px 38px;overflow:auto}.lobey-blog__mobile-toc li{margin-bottom:5px}.lobey-blog__mobile-toc a{display:block;padding:7px 0;color:var(--lb-ink);font-size:14px;line-height:1.35;text-decoration:none}.lobey-blog__section{scroll-margin-top:72px}.lobey-blog__intro{padding:20px}.lobey-blog__product-bridge{padding:20px}}
@media(max-width:520px){.lobey-blog h2{font-size:28px}.lobey-blog h3{font-size:20px}.lobey-blog__section{margin-bottom:42px}.lobey-blog__button{width:100%}.lobey-blog th,.lobey-blog td{padding:13px}}
@media(prefers-reduced-motion:reduce){.lobey-blog__button{transition:none}}
