.blog-page{max-width:960px;margin:auto;padding:32px 20px}.blog-page p{line-height:1.85}.blog-page section{margin:36px 0;scroll-margin-top:20px}.blog-cover{width:100%;height:auto;aspect-ratio:8/5;max-height:520px;object-fit:cover;border-radius:20px}.blog-page figure{margin:20px 0}.blog-toc{display:grid;height:auto;gap:10px;padding:20px;background:#e9f8f8;border-radius:16px}.blog-toc a{display:block;height:auto;line-height:1.6}.blog-card{padding:24px;border:1px solid #cce8e8;border-radius:20px;max-width:620px}.blog-cta,.blog-related{display:flex;flex-wrap:wrap;height:auto;gap:18px;padding:20px 0;line-height:1.6}.blog-related a{height:auto}.blog-page details{padding:16px;border-bottom:1px solid #cce8e8}.blog-page summary{cursor:pointer;font-weight:700}.blog-page a{color:#006570}.blog-page h1,.blog-page h2{overflow-wrap:anywhere}.blog-page h1{line-height:1.3}.blog-language{position:relative;flex-shrink:0}.blog-language summary{cursor:pointer;padding:12px;border:1px solid #cce8e8;border-radius:10px;background:#fff;font-size:14px}.blog-language-list{position:absolute;inset-inline-end:0;top:100%;width:240px;max-width:calc(100vw - 32px);max-height:60dvh;overflow:auto;z-index:800;background:#fff;border:1px solid #cce8e8;border-radius:12px;box-shadow:0 8px 25px #00465022;padding:8px}.blog-language-list a{display:block;padding:10px;text-decoration:none;color:#004650}.blog-language-list a:hover,.blog-language-list a:focus-visible{background:#e9f8f8}.blog-language-list [aria-current]{font-weight:700}body>.skip-link{position:absolute;top:-100px;padding:10px;background:#fff;z-index:900}body>.skip-link:focus{top:0}header nav{gap:16px}.blog-language-list a,.blog-page p{overflow-wrap:break-word}html[lang=zh-Hans] .blog-page,html[lang=ja] .blog-page,html[lang=ko] .blog-page{line-break:strict}html[dir=rtl] .blog-page{text-align:start}html[dir=rtl] .blog-page .eyebrow{letter-spacing:normal}@media(max-width:700px){.blog-page{padding:24px 18px}.blog-page h1{font-size:30px;letter-spacing:-.5px}.blog-page h2{font-size:23px;line-height:1.5}body>header{position:relative;padding-inline-end:100px!important}body>header nav{flex-wrap:wrap;width:100%;gap:10px;height:auto}body>header nav a{height:auto;line-height:1.6}.blog-language{position:absolute;inset-inline-end:12px;top:14px}.blog-card{padding:18px}.blog-toc{align-items:stretch}.blog-page{padding-bottom:88px}}
