.blog-page{min-height:100vh;color:var(--color-ink);background:#fff}.blog-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e7eeec;height:66px;position:sticky;top:0}.blog-header__inner{grid-template-columns:220px 1fr 220px;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 28px;display:grid}.blog-brand{letter-spacing:-.5px;align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.blog-brand strong{color:var(--color-teal)}.blog-brand__suffix{color:var(--color-ink-3);margin-left:2px;font-size:13px;font-weight:600}.blog-nav{justify-content:center;gap:26px;display:flex}.blog-nav button,.blog-nav a{color:var(--color-ink-3);white-space:nowrap;background:0 0;border:0;font-size:13px;font-weight:600}.blog-nav button:hover,.blog-nav a:hover,.blog-nav .is-active{color:var(--color-teal)}.blog-nav button:focus-visible,.blog-search:focus-within,.blog-header__back:focus-visible{outline-offset:3px;outline:3px solid #0d7a6b38}.blog-search{height:38px;color:var(--color-ink-3);background:#f1f5f4;border-radius:20px;align-items:center;gap:7px;padding:0 14px;display:flex}.blog-search input{width:100%;min-width:0;color:var(--color-ink);cursor:text;background:0 0;border:0;outline:0;font-size:13px}.blog-header__back{border:1px solid var(--color-teal);color:var(--color-teal);background:0 0;border-radius:8px;justify-self:end;padding:8px 13px;font-size:13px;font-weight:700;transition:background-color .16s}.blog-header__back:hover{background:var(--color-teal-bg)}.blog-index{max-width:1024px;margin:0 auto;padding:72px 28px 96px}.blog-index__heading{justify-content:flex-end;margin-bottom:20px;display:flex}.blog-index__heading>span{color:var(--color-ink-3);white-space:nowrap;font-size:12px}.blog-list{flex-direction:column;gap:28px;display:flex}.blog-card{grid-template-columns:300px 1fr;gap:18px;display:grid}.blog-card__image{background:var(--color-teal-bg);border-radius:12px;min-height:230px;display:block;position:relative;overflow:hidden}.blog-card__image img{object-fit:cover;transition:transform .3s}.blog-card:hover .blog-card__image img{transform:scale(1.025)}.blog-card__content{background:#fff;border:1px solid #dfe8e6;border-radius:12px;flex-direction:column;justify-content:center;min-width:0;min-height:230px;padding:28px 30px;display:flex}.blog-card__categories{color:var(--color-teal);font-size:12px;font-weight:700}.blog-card h2{letter-spacing:-.7px;margin:12px 0 17px;font-size:clamp(20px,2.4vw,27px);line-height:1.33}.blog-card h2 a:hover{color:var(--color-teal)}.blog-card__meta{color:var(--color-ink-3);gap:7px;font-size:12px;display:flex}.blog-card__content>p{color:var(--color-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:15px 0 0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__tags{color:var(--color-ink-3);flex-wrap:wrap;gap:8px;margin-top:15px;font-size:11px;display:flex}.blog-empty{border:1px dashed var(--color-line);text-align:center;border-radius:14px;padding:90px 24px}.blog-empty h2{margin:0;font-size:20px}.blog-empty p{color:var(--color-ink-3);font-size:14px}.blog-empty button{background:var(--color-teal);color:#fff;border:0;border-radius:9px;margin-top:12px;padding:10px 16px;font-weight:700}.blog-pagination{justify-content:center;align-items:center;gap:7px;margin-top:42px;display:flex}.blog-pagination a{border:1px solid var(--color-line);min-width:36px;height:36px;color:var(--color-ink-3);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.blog-pagination a:hover,.blog-pagination .is-active{border-color:var(--color-teal);background:var(--color-teal-bg);color:var(--color-teal)}.blog-pagination a[aria-disabled=true]{pointer-events:none;opacity:.35}@media (max-width:900px){.blog-header__inner{grid-template-columns:1fr 180px}.blog-nav{display:none}}@media (max-width:760px){.blog-header{height:auto;min-height:62px}.blog-header__inner{grid-template-columns:1fr 132px;padding:12px 18px}.blog-brand__suffix{display:none}.blog-search{height:36px}.blog-index{padding:44px 18px 72px}.blog-card{grid-template-columns:1fr;gap:0}.blog-card__image{min-height:210px}.blog-card__content{z-index:1;min-height:0;margin:-24px 12px 0;padding:23px 21px;position:relative}.blog-card h2{margin-bottom:13px}}@media (prefers-reduced-motion:reduce){.blog-card__image img{transition:none}.blog-card:hover .blog-card__image img{transform:none}}.blog-article{max-width:820px;margin:0 auto;padding:52px 28px 100px}.blog-breadcrumb{color:var(--color-ink-3);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.blog-breadcrumb a:hover{color:var(--color-teal)}.blog-article__header{border-bottom:1px solid var(--color-line);padding:35px 0 32px}.blog-article__category{color:var(--color-teal);margin:0;font-size:13px;font-weight:700}.blog-article__header h1{letter-spacing:-2px;margin:15px 0;font-size:clamp(34px,6vw,52px);line-height:1.2}.blog-article__description{max-width:690px;color:var(--color-ink-2);margin:0;font-size:17px;line-height:1.7}.blog-article__dates{color:var(--color-ink-3);flex-wrap:wrap;gap:8px;margin-top:20px;font-size:12px;display:flex}.blog-article__cover{background:var(--color-teal-bg);border-radius:14px;height:430px;margin:32px 0 44px;position:relative;overflow:hidden}.blog-article__cover img{object-fit:cover}.blog-prose{max-width:680px;color:var(--color-ink-2);margin:0 auto}.blog-prose p{margin:0 0 22px;font-size:17px;line-height:1.95}.blog-prose h2,.blog-prose h3{color:var(--color-ink);letter-spacing:-.6px;scroll-margin-top:90px}.blog-prose h2{margin:54px 0 18px;font-size:29px}.blog-prose h3{margin:40px 0 14px;font-size:23px}.blog-prose ul,.blog-prose ol{margin:18px 0 26px;padding-left:26px;font-size:16px;line-height:1.9}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose ul ul{list-style-type:circle}.blog-prose ul ul ul{list-style-type:square}.blog-prose ol ol{list-style-type:lower-alpha}.blog-prose li{padding-left:4px;display:list-item}.blog-prose li::marker{color:var(--color-teal);font-weight:700}.blog-prose blockquote{border-left:4px solid var(--color-teal);color:var(--color-ink-2);margin:28px 0;padding:7px 0 7px 22px;font-size:17px;line-height:1.8}.blog-prose pre{background:var(--color-ink);color:#eef7f5;border-radius:12px;margin:28px 0;padding:22px;overflow-x:auto}.blog-prose figure{margin:34px 0}.blog-prose figure img{border-radius:12px;width:100%;height:auto}.blog-prose figcaption{color:var(--color-ink-3);text-align:center;margin-top:9px;font-size:12px}.blog-prose hr{border:0;border-top:1px solid var(--color-line);margin:44px 0}.blog-prose__callout{border-left:4px solid var(--color-teal);background:var(--color-teal-bg);border-radius:0 10px 10px 0;margin:30px 0;padding:20px 22px;font-size:15px;line-height:1.75}.blog-prose__table{margin:30px 0;overflow-x:auto}.blog-prose table{border-collapse:collapse;width:100%}.blog-prose td{border:1px solid var(--color-line);padding:11px;font-size:14px}.blog-toc{border:1px solid var(--color-line);border-radius:12px;margin-bottom:42px;padding:21px 24px}.blog-toc strong{color:var(--color-ink)}.blog-toc ol{margin:12px 0 0;padding-left:20px;font-size:14px;line-height:1.9}.blog-toc .is-nested{margin-left:16px}.blog-toc a:hover{color:var(--color-teal)}.blog-quiz-cta{background:var(--color-ink);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:54px;padding:26px 28px;display:flex}.blog-quiz-cta strong{font-size:18px}.blog-quiz-cta p{color:#ffffff94;margin:7px 0 0;font-size:13px;line-height:1.5}.blog-quiz-cta a{background:var(--color-teal);border-radius:9px;flex:none;padding:11px 15px;font-size:13px;font-weight:700}.blog-related{border-top:1px solid var(--color-line);margin-top:68px;padding-top:34px}.blog-related>h2{margin:0 0 22px;font-size:23px}.blog-related>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.blog-related .blog-card{display:block}.blog-related .blog-card__image{min-height:150px}.blog-related .blog-card__content{min-height:0;padding:20px}.blog-related .blog-card h2{font-size:17px}.blog-related .blog-card__content>p,.blog-related .blog-card__tags{display:none}@media (max-width:760px){.blog-article{padding:34px 18px 72px}.blog-article__header h1{letter-spacing:-1.2px}.blog-article__cover{height:240px;margin:24px 0 34px}.blog-prose p{font-size:16px}.blog-quiz-cta{flex-direction:column;align-items:flex-start}.blog-related>div{grid-template-columns:1fr}}