.blog-surface{--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-size-6xl:56px;--leading-xs:1.5;--leading-sm:1.5;--leading-base:1.65;--leading-lg:1.65;--leading-xl:1.5;--leading-2xl:1.3;--leading-3xl:1.2;--leading-4xl:1.15;--leading-5xl:1.12;--leading-6xl:1.1;color:#0f172a;background:#fff;min-height:100vh}.blog-surface button,.blog-surface input,.blog-surface select{min-height:44px}.blog-surface :is(a,button,input,textarea,select):focus-visible{outline:2px solid #2563eb;outline-offset:3px}.blog-surface button:disabled{cursor:not-allowed}