:root{color:#30383d;--accent:#2c8f83;--accent-dark:#226f66;--accent-soft:#eef7f5;--border:#d9e5e2;--muted:#6a767b;background:#f8faf9;font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;line-height:1.8}*{box-sizing:border-box}html{overflow-x:hidden}body{background:#f8faf9;margin:0}a{color:inherit}.shell{width:min(1120px,100% - 48px);margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:#fff}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;padding:21px 0 18px;display:flex}.site-heading{min-width:0}.brand{color:#20292d;letter-spacing:.02em;font-size:1.2rem;font-weight:800;text-decoration:none}.site-heading p{color:var(--muted);margin:4px 0 0;font-size:.84rem}.site-nav{color:#52636a;gap:20px;font-size:.92rem;display:flex}.site-nav a{text-decoration:none}.site-nav a:hover,.header-subnav a:hover{color:var(--accent-dark)}.header-subnav{border-top:1px solid #eef2f1}.header-subnav__inner{min-height:38px;color:var(--accent-dark);align-items:center;gap:22px;font-size:.8rem;display:flex}.header-subnav a{text-decoration:none}.header-subnav span{color:#879298;margin-left:auto}.site-footer{border-top:1px solid var(--border);color:#7a8589;margin-top:84px;font-size:.82rem}.site-footer__inner{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.site-footer__inner nav{flex-wrap:wrap;gap:14px;display:flex}.site-footer__inner nav a{color:var(--accent-dark);text-decoration:none}.page{padding:64px 0 0}.eyebrow{color:var(--accent-dark);letter-spacing:.14em;margin:0 0 9px;font-size:.72rem;font-weight:800}h1,h2,h3{color:#20292d;line-height:1.3}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.15rem,5vw,3.8rem)}h2{font-size:1.5rem}.lead{color:#617077;max-width:650px;margin:18px 0 0;font-size:1.05rem}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:20px;margin-top:62px;display:flex}.section-heading h2{margin:0 0 12px}.section-heading a{color:var(--accent-dark);font-size:.88rem;text-decoration:none}.posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.post-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;min-height:232px;padding:25px;display:flex;box-shadow:0 8px 22px #2d444409}.post-card__meta,.article-meta{color:#7c898d;flex-wrap:wrap;gap:12px;font-size:.82rem;display:flex}.category{color:var(--accent-dark);font-weight:700}.post-card h3{margin:16px 0 8px;font-size:1.25rem}.post-card h3 a{text-decoration:none}.post-card p{color:#657278;margin:0;font-size:.94rem}.read-more{color:var(--accent-dark);margin-top:auto;padding-top:20px;font-size:.9rem;font-weight:700;text-decoration:none}.categories{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.category-pill{border:1px solid var(--border);min-height:36px;color:var(--accent-dark);background:#fff;border-radius:999px;align-items:center;padding:5px 13px;font-size:.86rem;text-decoration:none;display:inline-flex}.category-pill:hover{border-color:var(--accent);background:var(--accent-soft)}.cta{box-shadow:none;background:#fbfdfc;border:1px solid #d5e4e0;border-left:3px solid #9fcfc6;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;margin-top:52px;padding:20px 22px;display:flex}.cta h2{margin:0 0 5px;font-size:1.16rem}.cta p:not(.eyebrow){color:#657278;margin:0;font-size:.92rem}.cta__button{color:#657278;background:#f1f6f4;border:1px solid #d3e3df;border-radius:4px;flex:none;align-items:center;min-height:36px;padding:8px 13px;font-size:.82rem;font-weight:700;display:inline-flex}.cta__button:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.cta__button:focus-visible,.next-article-cta a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cta__note,.cta__disclosure{margin-top:10px!important;font-size:.86rem!important}.cta__disclosure{color:var(--muted)!important}.next-article-cta{margin-top:52px}.next-article-cta h2{margin:0 0 8px;font-size:1.16rem}.next-article-cta p:not(.eyebrow){color:#657278;margin:0 0 14px;font-size:.92rem}.next-article-cta a{color:var(--accent-dark);text-underline-offset:3px;font-weight:700}.article-layout{display:block}.article{width:min(100%,800px);min-width:0;margin:0 auto}.article-meta--category{margin-bottom:8px}.article h1{margin:0 0 14px;font-size:clamp(2rem,4vw,3.15rem);line-height:1.24}.article>.lead{margin-top:12px}.article-meta--date{margin-top:10px}.article__body{margin-top:40px;font-size:17px;font-weight:400;line-height:1.8}.article__body img{max-width:100%;height:auto}.article-eyecatch{border-radius:10px;width:100%;height:auto;margin:22px 0 0;display:block}.article__body h2{border-bottom:1px solid #c6dfda;border-left:3px solid var(--accent);margin:56px 0 22px;padding:0 0 10px 14px;font-size:23px;font-weight:700;line-height:1.4}.article__body h3{color:#34464a;border-left:2px solid #a7d1c9;margin:38px 0 16px;padding-left:11px;font-size:19px;font-weight:700;line-height:1.5}.article__body p{margin:0 0 22px}.article__body ul,.article__body ol{margin:0 0 22px;padding-left:1.6em;line-height:1.8}.article__body li+li{margin-top:8px}.article__body ul li::marker{color:var(--accent)}.article__body ol li::marker{color:var(--accent-dark);font-weight:700}.article__body p,.article__body li{color:#46545a}.article__body a{color:var(--accent-dark);text-underline-offset:3px;text-decoration-thickness:1.5px}.article__body a:hover{color:#185c55;text-decoration-thickness:2px}.article__body strong{color:#26383c;font-weight:700}.article__body mark,.article__body .article-marker{color:inherit;background:linear-gradient(#0000 58%,#bfe4dc 58%);padding:.08em .18em}.article__body .related-link-box,.article__body .next-article-box{background:#fbfdfc;border:1px solid #d8e6e2;border-left:3px solid #9fcfc6;border-radius:6px;margin:28px 0;padding:16px 19px}.article__body .related-link-box p:last-child,.article__body .next-article-box p:last-child{margin-bottom:0}.article__body .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 32px;display:grid}.article__body .benefit-item{background:#fbfdfc;border:1px solid #d8e6e2;border-left:3px solid #9fcfc6;border-radius:6px;padding:16px 17px}.article__body .benefit-item h3{color:#294d49;border:0;margin:0 0 7px;padding:0;font-size:1rem;line-height:1.45}.article__body .benefit-item p{margin:0;font-size:.94rem;line-height:1.7}.article__body .workflow-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:36px 0;display:grid}.article__body .workflow-panel{border:1px solid var(--border);background:#fbfdfc;border-radius:6px;padding:18px 19px}.article__body .workflow-panel--before{border-top:3px solid #9aa9ad}.article__body .workflow-panel--after{border-top:3px solid var(--accent);background:#f5fbf9}.article__body .workflow-panel h4{color:#294d49;margin:0 0 12px;font-size:1.02rem;line-height:1.45}.article__body .workflow-panel ol{margin:0;padding-left:1.4em;font-size:.96rem;line-height:1.75}.article__body .workflow-note{color:var(--muted);text-align:center;grid-column:1/-1;margin:-2px 0 0;font-size:.88rem}.article__body .product-cta-box{background:#fbfdfc;border:1px solid #d5e4e0;border-left:3px solid #9fcfc6;border-radius:6px;margin:32px 0;padding:18px 19px}.article__body .product-cta-label{color:var(--accent-dark);margin:0 0 6px;font-size:.82rem;font-weight:700}.article__body .product-cta-title{color:#26383c;margin:0 0 10px;font-weight:700;line-height:1.5}.article__body .product-cta-box>p:not(.product-cta-label):not(.product-cta-title):not(.product-cta-meta){margin-bottom:16px}.article__body .product-cta-meta{color:#657278;margin:12px 0 0;font-size:.86rem}.article__body .product-cta-button{box-sizing:border-box;max-width:100%;color:var(--accent-dark);background:var(--accent-soft);text-align:center;border:1px solid #9fcfc6;border-radius:4px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.article__body .product-cta-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.article__body pre{max-width:100%;overflow-x:auto}.article__body figure{margin:36px 0}.article__body figcaption{color:var(--muted);margin-top:12px;font-size:.88rem;line-height:1.7}.article__body table{border:1px solid var(--border);border-collapse:separate;border-spacing:0;width:100%;max-width:100%;margin:36px 0;font-size:.95rem;line-height:1.7;display:block;overflow-x:auto}.article__body table tr{table-layout:fixed;width:100%;display:table}.article__body th,.article__body td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;vertical-align:top;min-width:9rem;padding:12px 14px}.article__body tr>:last-child{border-right:0}.article__body tbody tr:last-child>*{border-bottom:0}.article__body thead th{color:#294d49;background:#eef7f5;font-weight:700}.article__body tbody tr:nth-child(odd)>*{background:#fff}.article__body tbody tr:nth-child(2n)>*{background:#f7fbfa}.toc{border:1px solid var(--border);background:#fff;border-radius:8px;margin:34px 0 0;padding:0}.toc summary{color:#34464a;cursor:pointer;padding:16px 20px;font-size:1rem;font-weight:700}.toc summary::marker{color:var(--accent)}.toc summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.toc ol{color:var(--accent-dark);margin:0;padding:0 20px 18px 40px;font-size:.9rem;line-height:1.65}.toc li+li{margin-top:6px}.toc a{text-decoration:none}.related-links{border-top:1px solid var(--border);margin-top:54px;padding-top:24px}.related-links h2{margin:0 0 14px;font-size:1.25rem}.related-links__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.related-card{border:1px solid var(--border);background:#fbfdfc;border-radius:6px;flex-direction:column;gap:7px;min-height:0;padding:16px;text-decoration:none;transition:border-color .16s,background-color .16s;display:flex}.related-card:hover{background:#f5fbf9;border-color:#9fcfc6}.related-card span{color:var(--accent-dark);font-size:.78rem;font-weight:700}.related-card strong{color:#20292d;line-height:1.5}.related-card small{color:#738087;font-size:.8rem;line-height:1.55}.info-box{border:1px solid var(--border);border-left:3px solid var(--accent);background:#fbfdfc;border-radius:6px;margin:26px 0;padding:16px 18px}.info-box strong{color:var(--accent-dark);letter-spacing:.01em;margin-bottom:7px;font-size:.9rem;display:block}.info-box p{color:#526065;margin:0 0 .75em}.info-box p:last-child{margin-bottom:0}.info-box--point{background:#f2faf8;border-color:#cbe5df}.info-box--note{background:#fbfcfc;border-left-color:#9aa9ad}.info-box--note strong{color:#52636a}.info-box--warning{background:#fbf8f2;border-color:#eadfce #eadfce #eadfce #aa8050}.info-box--warning strong{color:#87663e}.category-header{border-bottom:1px solid var(--border);max-width:720px;padding-bottom:22px}.category-header h1{font-size:clamp(2rem,4vw,3.1rem)}.back-link{color:var(--accent-dark);margin-top:42px;font-weight:700;text-decoration:none;display:inline-block}@media (width>=841px){.article__body>p,.article__body>ul,.article__body>ol{width:100%;margin-left:0;margin-right:0}}@media (width<=840px){.toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;display:grid}}@media (width<=680px){.shell{width:min(100% - 30px,560px)}.site-header__inner{flex-direction:column;align-items:flex-start;gap:11px;padding:20px 0 16px}.site-nav{gap:15px}.header-subnav__inner{white-space:nowrap;gap:14px;overflow-x:auto}.header-subnav span{display:none}.page{padding-top:46px}.section-heading{margin-top:46px}.posts,.related-links__grid{grid-template-columns:1fr}.cta{flex-direction:column;align-items:stretch}.cta__button{text-align:center}.article{width:100%}.article-meta--category{margin-bottom:6px}.article h1{margin-bottom:12px;font-size:clamp(1.85rem,8vw,2.5rem);line-height:1.25}.article>.lead{margin-top:10px}.article-meta--date{margin-top:8px}.article__body{margin-top:32px;font-size:17px;line-height:1.8}.article__body h2{margin-top:48px;margin-bottom:20px;padding-left:12px;font-size:22px}.article__body h3{margin-top:34px;margin-bottom:14px;padding-left:10px;font-size:19px}.article__body .benefit-grid,.article__body .workflow-compare{grid-template-columns:1fr}.article__body .benefit-grid{gap:10px;margin:24px 0 28px}.article__body .workflow-compare{gap:12px;margin:32px 0}.article__body .workflow-note{grid-column:auto;margin-top:0}.article-eyecatch{border-radius:7px;margin-top:18px}.toc{margin-top:28px}.toc summary{padding:15px 17px}.toc ol{padding:0 17px 16px 36px;font-size:.9rem;line-height:1.6;display:block}.info-box{margin:22px 0;padding:15px 16px}.article__body th,.article__body td{min-width:8.5rem;padding:10px 12px}.site-footer__inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px}}