.ob{--ink:#111114;--muted:#5c5f66;--line:#11111414;--tint:#e9ebff;--glass:#ffffff9e;--shadow:0 10px 30px #1f268714;min-height:100vh;color:var(--ink);font-family:var(--font-brand), Rubik, system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(60% 40% at 85% 0,#1352ff1a,#0000 70%),radial-gradient(50% 35% at 10% 10%,#644aff14,#0000 70%),#fbfbfd}.ob a{color:inherit;text-decoration:none}.ob-wrap{max-width:1120px;margin:0 auto;padding:0 20px}.ob-hdr{z-index:10;justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:12px auto 0;padding:0 20px;display:flex;position:sticky;top:12px}.ob .ob-logo{background:var(--ink);color:#fff;direction:ltr;border-radius:999px;align-items:center;gap:8px;height:48px;padding:0 18px;font-size:17px;font-weight:700;display:inline-flex}.ob-logo img{width:22px;height:22px}.ob-links{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);box-shadow:var(--shadow);border:1px solid #fffc;border-radius:999px;gap:4px;padding:6px;display:flex}.ob-links a{border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500}.ob-links a:hover,.ob-links a[aria-current=page]{background:#1111140f}.ob-btn{background:var(--ink);border-radius:999px;justify-content:center;align-items:center;height:48px;padding:0 22px;font-size:15px;font-weight:600;transition:transform .2s;display:inline-flex;box-shadow:0 8px 20px #1111142e;color:#fff!important}.ob-btn:hover{transform:translateY(-1px)}@media (max-width:809px){.ob-links{display:none}}.ob-intro{text-align:center;padding:72px 0 40px}.ob-chip{background:var(--tint);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.ob-intro h1{letter-spacing:-.02em;margin:16px 0 12px;font-size:clamp(36px,6vw,60px);font-weight:500;line-height:1.1}.ob-intro p{max-width:560px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.6}.ob-cats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.ob-cats span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.ob-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px;display:grid}.ob-grid .ob-card:first-child{grid-column:1/-1;grid-template-columns:1.1fr 1fr;display:grid}.ob-grid .ob-card:first-child .ob-card__img{aspect-ratio:auto;height:100%;min-height:320px}.ob-grid .ob-card:first-child h2{font-size:clamp(24px,3vw,34px)}@media (max-width:1000px){.ob-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ob-grid,.ob-grid .ob-card:first-child{grid-template-columns:1fr}.ob-grid .ob-card:first-child .ob-card__img{aspect-ratio:1200/630;min-height:0}}.ob-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.ob-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #1f26871f}.ob-card__img{aspect-ratio:1200/630;object-fit:cover;width:100%;display:block}.ob-card__body{flex-direction:column;gap:10px;padding:20px 22px 24px;display:flex}.ob-card h2,.ob-card h3{margin:0;font-size:20px;font-weight:600;line-height:1.35}.ob-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.ob-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.ob-meta b{background:var(--tint);color:var(--ink);border-radius:999px;padding:3px 10px;font-weight:600}.ob-article{max-width:760px;margin:0 auto;padding:48px 20px 40px}.ob-crumbs{color:var(--muted);gap:6px;font-size:14px;display:flex}.ob-crumbs a:hover{color:var(--ink)}.ob-article h1{letter-spacing:-.02em;margin:18px 0 14px;font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.15}.ob-lead{color:var(--muted);margin:0 0 18px;font-size:19px;line-height:1.6}.ob-cover{aspect-ratio:1200/630;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:28px;margin:28px 0 8px;display:block}.ob-toc{background:var(--glass);border:1px solid var(--line);border-radius:20px;margin:28px 0;padding:18px 22px}.ob-toc strong{margin-bottom:8px;font-size:15px;display:block}.ob-toc ol{color:var(--muted);margin:0;padding-inline-start:20px;line-height:1.9}.ob-toc a:hover{color:var(--ink);text-decoration:underline}.ob-prose{color:#24242a;font-size:18px;line-height:1.85}.ob-prose h2{color:var(--ink);margin:44px 0 12px;scroll-margin-top:90px;font-size:28px;font-weight:600;line-height:1.3}.ob-prose h3{color:var(--ink);margin:28px 0 8px;font-size:21px;font-weight:600}.ob-prose p{margin:0 0 18px}.ob-prose ul,.ob-prose ol{margin:0 0 20px;padding-inline-start:24px}.ob-prose li{margin-bottom:8px}.ob-prose a{text-underline-offset:3px;-webkit-text-decoration:underline #1352ff73;text-decoration:underline #1352ff73}.ob-prose a:hover{text-decoration-color:currentColor}.ob-cta{text-align:center;border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(80% 120% at 100% 0,#1352ff24,#0000 60%),radial-gradient(80% 120% at 0 100%,#644aff24,#0000 60%),#fff;border-radius:28px;margin:48px 0 0;padding:32px 28px}.ob-cta img.ob-cta__icon{border-radius:14px;width:56px;height:56px;box-shadow:0 6px 16px #11111426}.ob-cta h2{margin:14px 0 8px;font-size:26px;font-weight:600}.ob-cta p{max-width:460px;color:var(--muted);margin:0 auto 20px;line-height:1.6}.ob-badges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ob-badges a{transition:transform .2s;display:inline-flex}.ob-badges a:hover{transform:translateY(-2px)}.ob-badges img{width:auto;height:48px;display:block}.ob-related{max-width:1120px;margin:0 auto;padding:24px 20px 80px}.ob-related>h2{margin:0 0 20px;font-size:26px;font-weight:600}.ob-related .ob-grid{padding:0}.ob-related .ob-grid .ob-card:first-child{grid-column:auto;display:flex}.ob-related .ob-grid .ob-card:first-child .ob-card__img{aspect-ratio:1200/630;height:auto;min-height:0}.ob-ftr{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:28px 20px 40px;font-size:14px}.ob-ftr nav{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:12px;display:flex}.ob-ftr a:hover{color:var(--ink)}
