/* TechSnap field notes: an editorial extension of the existing brand. */
.nav-blog{font-weight:750}.text-link{display:inline-block;margin-top:20px;color:#006e67;font-weight:650}
.blog-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;padding:74px 0 55px}.blog-hero h1{font-size:clamp(44px,5.8vw,76px);margin:23px 0;line-height:1.08;overflow-wrap:anywhere}.blog-intro{font-size:20px;max-width:620px;color:#526d77}.blog-hero-art{position:relative;background:#dbeee7;border-radius:24px;overflow:hidden;transform:rotate(2deg)}.blog-hero-art>span{display:block;font-size:64px;font-weight:700;letter-spacing:-.06em;color:#007e7a;padding:18px 35px 0;line-height:1.3}.blog-hero-art img{width:100%;mix-blend-mode:multiply}.topic-nav{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid #ccdcd9;padding:0 0 27px}.topic-nav a{padding:10px 17px;border:1px solid #c1d4d0;border-radius:40px;text-decoration:none;font-size:14px;line-height:1.5;background:#fff;min-height:44px}.topic-nav a:hover{background:#dbeee7;border-color:#00827d}.blog-topic{padding:55px 0 20px;scroll-margin-top:110px}.blog-topic:last-child{padding-bottom:85px}.topic-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:27px}.topic-heading h2{font-size:32px;line-height:1.2;letter-spacing:-.035em}.topic-heading>span{font-size:35px;color:#00827d}.topic-heading>a{font-size:14px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;border:1px solid #d6e1de;border-radius:17px;background:#fff;overflow:hidden;min-width:0}.card-image{display:block;overflow:hidden}.card-image img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s}.blog-card:hover .card-image img{transform:scale(1.025)}.card-content{padding:24px;flex:1;display:flex;flex-direction:column}.card-topic{color:#006e67;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.blog-card h3{font-size:24px;line-height:1.19;letter-spacing:-.035em;overflow-wrap:anywhere}.blog-card h3 a{text-decoration:none}.blog-card h3 a:hover{text-decoration:underline}.card-description{font-size:14px;line-height:1.65;color:#536e78;margin-top:15px}.card-foot{margin-top:auto;padding-top:25px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#526f78}.card-foot>span:last-child{background:#e3f2ec;border-radius:50%;display:grid;place-items:center;width:33px;height:33px;font-size:19px;color:#007e7a}.blog-teaser .section-heading{gap:60px}.blog-teaser .section-heading h2{font-size:46px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:#5b7580;padding:30px 0 0}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.guide-header{max-width:930px;padding:46px 0 36px;margin:auto}.guide-header h1{font-size:clamp(38px,4.8vw,66px);line-height:1.08;letter-spacing:-.045em;margin:22px 0;overflow-wrap:anywhere}.guide-lead{font-size:21px;line-height:1.6;max-width:850px;color:#496773}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:12px;color:#58717a;margin-top:25px}.article-author{font-weight:750;color:#12374a}.guide-visual{max-width:930px;margin:0 auto 50px;border-radius:20px;overflow:hidden}.guide-visual img{width:100%;height:auto}.guide-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:65px;justify-content:center;align-items:start}.guide-toc{position:sticky;top:115px;padding-top:7px}.guide-toc h2{font-size:17px;letter-spacing:-.02em;line-height:1.4;margin-bottom:19px}.guide-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid #cddfda}.guide-toc li{margin:0;padding:0}.guide-toc li a{display:block;padding:9px 0 9px 17px;font-size:13px;line-height:1.55;color:#536f79;text-decoration:none}.guide-toc li a:hover{color:#006e67;background:#e6f0eb}.toc-back{display:block;margin-top:25px;font-size:13px;color:#006e67}.guide-content{min-width:0}.guide-content>section{margin:0 0 39px;scroll-margin-top:112px}.guide-content h2{font-size:29px;line-height:1.2;letter-spacing:-.03em;margin:0 0 20px;overflow-wrap:anywhere}.guide-content p{font-size:18px;line-height:1.8;color:#345564;overflow-wrap:anywhere}.article-example{background:#e7efeb;border-left:3px solid #00827d;padding:28px 30px;margin:0 0 37px;border-radius:0 12px 12px 0}.article-example h2{font-size:18px;letter-spacing:0}.article-example p{font-size:16px;line-height:1.8}.article-checklist{border:1px solid #c9dcd4;border-radius:16px;padding:30px}.article-checklist h2{font-size:24px}.article-checklist ul{list-style:none;margin:0;padding:0}.article-checklist li{position:relative;padding:12px 0 12px 29px;font-size:16px;line-height:1.7;border-top:1px solid #dae6df}.article-checklist li:before{content:'✓';position:absolute;left:0;color:#007e7a;font-weight:700}.article-cta{background:#12374a;color:white;border-radius:18px;padding:35px;margin-top:45px}.article-cta>img{margin-bottom:22px}.article-cta h2{font-size:30px}.article-cta p{font-size:16px;color:#d0e2e3;line-height:1.75}.article-cta .actions{margin-top:25px;gap:20px}.article-cta .button{background:#bceee1;color:#12374a;border-color:#bceee1}.article-cta .actions>a:not(.button){font-size:14px;color:#d7eee8}.article-cta .cta-note{font-size:12px;margin-top:23px}.privacy-link{display:inline-block;font-size:12px;color:#cee6e0;margin-top:13px}.related-guides{padding:90px 0}.guide{margin-bottom:0}
@media(max-width:1100px){.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.nav a.nav-blog{display:block}.nav{gap:18px}.card-content{padding:20px}.blog-card h3{font-size:22px}}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero{gap:25px}.guide-layout{display:block;max-width:760px;margin:auto}.guide-toc{position:static;border:1px solid #d0e0d9;padding:24px;border-radius:15px;margin-bottom:40px}.guide-toc ol{display:grid;grid-template-columns:1fr 1fr}.guide-visual{margin-bottom:35px}}
@media(max-width:720px){.header-inner{flex-wrap:wrap;height:auto;min-height:78px;gap:8px 12px;padding:12px 0}.header-inner .nav{display:flex;margin-left:auto}.nav a{display:none!important}.nav a.nav-blog{display:block!important;max-width:95px;font-size:12px;line-height:1.3}.locale-picker{margin-left:0}.blog-hero{grid-template-columns:1fr;padding:45px 0 30px}.blog-hero h1{font-size:47px}.blog-intro{font-size:18px}.blog-hero-art{display:none}.topic-nav{gap:7px;padding-bottom:24px}.topic-nav a{font-size:12px;padding:9px 12px}.blog-grid{grid-template-columns:1fr}.blog-topic{padding-top:38px}.topic-heading h2{font-size:27px}.card-content{padding:24px}.blog-card h3{font-size:25px}.blog-teaser .section-heading h2{font-size:37px}.blog-teaser .section-heading{gap:22px}.guide-header{padding:32px 0 27px}.guide-header h1{font-size:39px;line-height:1.13}.guide-lead{font-size:18px}.article-meta{font-size:11px;gap:8px 15px}.guide-visual{border-radius:12px;margin-bottom:28px}.guide-toc{padding:22px}.guide-toc ol{display:block}.guide-content h2{font-size:27px}.guide-content p{font-size:17px}.article-example{padding:24px}.article-example p{font-size:16px}.article-checklist,.article-cta{padding:25px}.article-cta h2{font-size:27px}.article-cta .button{width:100%;padding:14px}.related-guides{padding:60px 0}.topic-heading{flex-wrap:wrap;gap:12px}.guide-content>section{scroll-margin-top:110px}}
@media(max-width:370px){.header-inner .brand{font-size:19px;gap:7px}.header-inner .brand img{width:28px;height:28px}.header-inner .nav{margin-left:0;max-width:65px}.locale-picker{margin-left:auto}.locale-picker summary{padding:6px;font-size:11px;gap:4px}.blog-hero h1{font-size:42px}.guide-header h1{font-size:34px}}
html:lang(ja) .guide-header h1,html:lang(ko) .guide-header h1,html:lang(zh-CN) .guide-header h1{font-size:clamp(34px,4.4vw,58px);line-height:1.35}html:lang(ja) .blog-hero h1,html:lang(ko) .blog-hero h1,html:lang(zh-CN) .blog-hero h1{font-size:clamp(39px,5vw,67px);line-height:1.3}
@media(prefers-reduced-motion:reduce){.card-image img{transition:none;transform:none!important}}

html:lang(ja) body{font-family:"Yu Gothic UI",Meiryo,system-ui,sans-serif}html:lang(ko) body{font-family:"Malgun Gothic",system-ui,sans-serif}html:lang(zh-CN) body{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}