.blog-root{background:var(--surface);min-height:100vh;display:flex;flex-direction:column}.blog-top{background:var(--opero-ink);color:#fff}.blog-top .inner{max-width:860px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.blog-top .brand{color:#fff;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.4px}.blog-top nav{display:flex;gap:18px}.blog-top nav a{color:#9db6d6;text-decoration:none;font-size:14px;font-weight:600}.blog-top nav a:hover{color:#fff}.blog-wrap{flex:1 1;max-width:720px;width:100%;margin:0 auto;padding:40px 20px 8px;color:var(--ink)}.blog-lede{margin:0 0 28px}.blog-lede h1{font-size:clamp(1.7rem,4.5vw,2.4rem);line-height:1.1;margin:0 0 10px;color:var(--opero-ink);letter-spacing:-.5px}.blog-lede p{color:var(--ink-soft);font-size:1.05rem;margin:0;max-width:60ch}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.post-list li{border-top:1px solid var(--line)}.post-list a{display:block;padding:20px 4px;text-decoration:none;color:inherit}.post-list a:hover{background:var(--canvas)}.post-list .date{color:var(--ink-faint);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.post-list h2{font-size:1.25rem;margin:6px 0;color:var(--opero-ink);line-height:1.25}.post-list p{margin:0;color:var(--ink-soft);font-size:.96rem}.post-date{color:var(--ink-faint);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px}.post-body{font-size:1.06rem;line-height:1.75;color:#1f2937}.post-body h1{font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.12;margin:4px 0 14px;color:var(--opero-ink);letter-spacing:-.5px;text-wrap:balance}.post-body h2{font-size:1.4rem;margin:2em 0 .5em;color:var(--opero-ink);line-height:1.25}.post-body h3{font-size:1.15rem;margin:1.6em 0 .4em;color:var(--opero-ink)}.post-body p{margin:1em 0}.post-body ol,.post-body ul{margin:1em 0;padding-left:1.4em}.post-body li{margin:.45em 0}.post-body a{color:var(--opero-blue);text-decoration:underline;text-underline-offset:2px}.post-body blockquote{margin:1.6em 0;padding:.2em 0 .2em 1em;border-left:4px solid var(--opero-blue);color:var(--opero-ink);font-size:1.12rem;font-weight:500}.post-body blockquote p{margin:.4em 0}.post-body strong{color:var(--opero-ink)}.post-body hr{border:0;border-top:1px solid var(--line);margin:2em 0}.post-body em{color:var(--ink-soft)}.post-back{display:inline-block;margin:8px 0 24px;color:var(--opero-blue);text-decoration:none;font-weight:600;font-size:.9rem}.blog-foot{background:var(--canvas);border-top:1px solid var(--line);margin-top:40px}.blog-foot .inner{max-width:720px;margin:0 auto;padding:28px 20px 36px}.blog-foot .cta{background:var(--opero-ink);color:#fff;border-radius:14px;padding:26px 24px;text-align:center}.blog-foot .cta h3{margin:0 0 6px;font-size:1.3rem}.blog-foot .cta p{margin:0 0 16px;color:#9db6d6}.blog-foot .cta a{display:inline-block;background:var(--opero-blue);color:#fff;text-decoration:none;font-weight:700;padding:11px 22px;border-radius:10px}.blog-foot .fine{color:var(--ink-faint);font-size:.8rem;margin:16px 0 0;text-align:center}