.code-block{border-radius:4px;background-color:#1f2530;overflow:hidden;margin-block:1rem}.code-block__toolbar{display:grid;grid-template-columns:1fr max-content;grid-template-rows:48px;align-items:center;justify-content:space-between;padding-left:14px;color:#b0b8c4;font-size:var(--font-size-xs)}.code-block__lang{display:block;align-content:center;&:empty:before{content:"Code"}}.code-block__copy{display:flex;align-items:center;font-weight:700;gap:10px;padding-inline:6px 14px;height:48px;&:before{display:inline-block;content:url(/media/images/icon/icon-copy-code.svg);width:16px;height:16px}&:disabled{cursor:not-allowed}&.is-success{background-color:#2e3542;border-radius:16px;height:32px;padding-inline:14px;margin-right:14px;gap:8px;&:before{content:none}&:after{content:url(/media/images/icon/icon-copy-code-checked.svg)}}}.code-block__body{background-color:#2e3542;color:#f9fafb;font-size:1rem;line-height:1.5;padding:14px 16px;width:100%;pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}code{display:block}}.writer-profile{background-color:var(--color-bg-surface);border:solid 1px var(--color-border-default);border-radius:8px;display:grid;grid-template-columns:120px 1fr;column-gap:24px;padding:24px;margin-top:16px;img{display:inline-block;width:120px;height:120px;object-fit:cover;border-radius:50%;margin-block:0}}br+.writer-profile{margin-top:0}.writer-info{display:grid;grid-auto-rows:max-content;row-gap:4px;line-height:1.5}.writer-profile-title,.writer-name{display:block;font-weight:700}.writer-profile-title{font-size:var(--font-size-xs)}.writer-bio{font-size:var(--font-size-sm)}.article-nav{display:flex;justify-content:center;align-items:stretch;gap:12px;margin:40px 0;--nav-base-color: #2d8c4e}.article-nav__prev,.article-nav__next{display:inline-flex;align-items:center;text-decoration:none;gap:8px;padding:12px 24px;border-radius:20px;font-size:var(--font-size-xss);font-weight:700;line-height:1;white-space:nowrap;border:none;&:hover{text-decoration:underline;transform:translateY(-1px)}}.article-nav__prev{background-color:var(--primitive-white);border:2px solid var(--nav-base-color);box-shadow:0 2px 10px #2d8c4e1f;color:var(--nav-base-color);&:hover{background-color:#f0faf4;box-shadow:0 4px 18px #2d8c4e38}}.article-nav__next{background:linear-gradient(135deg,#34a85a 0%,var(--nav-base-color) 100%);border:2px solid transparent;box-shadow:0 4px 14px #2d8c4e59;color:var(--primitive-white);&:hover{box-shadow:0 6px 20px #2d8c4e73;opacity:.92}}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;img{margin-block:0}}.image-tile{aspect-ratio:16 / 9;overflow:hidden}.image-tile img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media screen and (max-width:768px){.writer-profile{grid-template-columns:1fr;row-gap:16px;justify-items:center}.image-grid{grid-template-columns:1fr}}@layer article-page{:root{scroll-padding:120px}:where(.article-body.svelte-mzd0zz){--title-border-color: var(--primitive-gmo-blue);--table-border-color: var(--primitive-border-default);--block-background-color: #eef2f6;h2,h3,h4{font-weight:700;line-height:1.5}ul,blockquote{background-color:var(--block-background-color)}h3{font-size:var(--font-size-xl);border-left:solid 4px var(--title-border-color);padding-left:8px;margin-top:32px;margin-bottom:20px}h4{font-size:var(--font-size-lg)}h2{margin-top:32px}h2~h2{margin-top:64px}>p:not(:empty){line-height:1.625;margin-block:16px}a{color:var(--color-link-default);font-weight:700;text-decoration:underline;transition:opacity var(--transition-hover)}@media(hover:hover){a:hover{opacity:.7}}ul,ol{border-radius:4px;display:grid;row-gap:8px;margin-block:8px}ul{padding:8px;line-height:1.625}ol{border:solid 1px #edeff3;background-color:var(--color-bg-surface);font-size:var(--font-size-sm);list-style-type:decimal;line-height:1.57;padding:16px 24px}ul>li{position:relative;padding-left:1rem;&:before{content:"・";position:absolute;left:0}}ol>li::marker{font-weight:700}table,td,th{border:solid 1px var(--table-border-color)}td,th{padding:12px 16px}table{border-collapse:collapse;width:100%}.table-wrap{overflow-x:auto;margin-block:16px}th{background-color:#f9fafb;border-bottom-width:2px;font-weight:700;text-align:left}th+th,td+td{border-left-width:2px}td{border-top-width:2px}blockquote{border-radius:8px;margin-block:8px;padding:14px 18px 16px;cite{display:block;margin-top:8px}}cite{color:#667182;font-size:var(--font-size-ss);font-style:normal;&:before{content:"—"}}img{display:block;width:100%;margin-inline:auto;margin-block:24px;cursor:pointer}figcaption{color:#667083;font-size:var(--font-size-ss);text-align:center;margin-block:8px}iframe{display:block;width:100%;aspect-ratio:var(--movie-aspect-ratio);max-width:640px;margin:16px auto}}.image-popup-overlay.svelte-mzd0zz{display:none;position:fixed;inset:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:10;background-color:#000000b3;&.is-active{display:flex}}.image-popup-close.svelte-mzd0zz{position:absolute;top:0;right:0}@media screen and (min-width:769px){:where(.article-body.svelte-mzd0zz){img{max-width:480px}h1{font-size:var(--font-size-28);line-height:1.42}h2{font-size:var(--font-size-24);padding-block:8px;margin-bottom:16px}}.image-popup-container.svelte-mzd0zz{display:flex;justify-content:center;align-items:center;img:where(.svelte-mzd0zz){max-width:90vw;max-height:90vh;object-fit:contain}}.image-popup-close.svelte-mzd0zz{padding:20px}}@media screen and (max-width:768px){:root{scroll-padding:70px}:where(.article-body.svelte-mzd0zz){h1,h2{border-bottom:solid 4px var(--color-section-title-border);font-size:var(--font-size-28);font-weight:400;padding-block:8px}h3{font-size:var(--font-size-lg)}td,th{padding:8px 10px}table{white-space:nowrap;width:max-content;min-width:100%}.table-wrap{overflow-x:scroll;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.05)}.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.table-wrap::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}}.image-popup-container.svelte-mzd0zz{display:inline-block;overflow:scroll;padding-inline:30px;margin-top:max(0px,calc((100dvh - 100%)/2));width:100%;height:100vh;img:where(.svelte-mzd0zz){width:auto;height:auto;max-width:200vw;max-height:200vh}}.image-popup-close.svelte-mzd0zz{padding:16px}}}.ad-container.svelte-422qb9{display:grid;gap:28px}.ad-section.svelte-422qb9{position:relative;background-color:var(--color-bg-surface);border-radius:8px;border:solid 1px var(--color-border-default);overflow:hidden}.ad-logo.svelte-422qb9{align-self:center}.ad-link.svelte-422qb9{position:relative;display:grid;grid-template-rows:64px auto 42px;row-gap:16px;padding:16px 24px;justify-items:center}.ad-link.svelte-422qb9:after{content:"";position:absolute;inset:0;background-color:var(--color-hover-overlay);opacity:0;transition:opacity var(--transition-hover);pointer-events:none;z-index:1}@media(hover:hover){.ad-link.svelte-422qb9:hover:after{opacity:1}}.ad-button.svelte-422qb9{background-color:var(--color-link-default);border-radius:25px;color:var(--color-text-surface);font-size:var(--font-size-ss);font-weight:600;line-height:1;width:100%;max-width:252px}@media screen and (min-width:769px){.ad-container.svelte-422qb9{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.ad-container.svelte-422qb9{display:none}}.sns-share.svelte-14cizcq{display:flex;align-items:center;position:relative}.sns-share-list.svelte-14cizcq{display:grid;grid-auto-columns:24px;grid-template-rows:24px;grid-auto-flow:column;gap:7px}.sns-share-link-x.svelte-14cizcq{background-color:var(--primitive-black);border-radius:50%;display:flex;justify-content:center;align-items:center;width:24px;height:24px}.sns-share-icon-x.svelte-14cizcq{filter:brightness(0) invert(1)}.copy-button.svelte-14cizcq{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:20px;display:flex;height:24px;justify-content:center;align-items:center;font-size:var(--font-size-xs);padding-inline:9px;margin-left:7px;line-height:1;&:before{display:inline-block;content:url(/media/images/icon/icon-copy.svg);width:14px;height:16px}}.copy-toast.svelte-14cizcq{--toast-border-color: #67d2ae;--toast-text-color: #097b5e;--toast-bg-color: #e3fff1;background-color:var(--toast-bg-color);border:1px solid var(--toast-border-color);color:var(--toast-text-color);display:grid;grid-template-columns:auto 1fr max-content;align-items:center;justify-items:start;column-gap:4px;font-weight:600;position:absolute;left:50%;z-index:10;padding:12px;border-radius:8px;font-size:14px;line-height:1.2;box-shadow:0 2px 8px #28282840;animation:svelte-14cizcq-toast-in .18s ease-out both;width:300px;max-width:80%;min-height:46px}.copy-toast.is-error.svelte-14cizcq{--toast-bg-color: #ffedea;--toast-border-color: #de3730;--toast-text-color: #de3730}.copy-toast-message.svelte-14cizcq{grid-column:2}.copy-success-icon.svelte-14cizcq,.copy-close-icon.svelte-14cizcq{filter:invert(37%) sepia(10%) saturate(4761%) hue-rotate(121deg) brightness(92%) contrast(93%)}.copy-close-icon.svelte-14cizcq{grid-column:3;justify-self:end}.is-error.svelte-14cizcq .copy-close-icon:where(.svelte-14cizcq){filter:invert(34%) sepia(88%) saturate(5404%) hue-rotate(350deg) brightness(95%) contrast(81%)}@keyframes svelte-14cizcq-toast-in{0%{opacity:0;transform:translate(calc(-50% + 10px))}to{opacity:1;transform:translate(-50%)}}@media screen and (min-width:769px){.sns-share-label.svelte-14cizcq,.copy-button.svelte-14cizcq{font-weight:700}.copy-button.svelte-14cizcq{column-gap:9px}.copy-toast.svelte-14cizcq{top:-50px}}@media screen and (max-width:768px){.sns-share-label.svelte-14cizcq{font-size:var(--font-size-ss)}.copy-button.svelte-14cizcq{column-gap:4px}.copy-toast.svelte-14cizcq{top:-60px}}.toc-nav.svelte-16h8mpq{display:grid;row-gap:4px;background-color:var(--color-bg-surface);padding-inline:24px;padding-top:32px}.toc-nav.is-collapsed.svelte-16h8mpq{.toc-viewport:where(.svelte-16h8mpq){max-height:var(--toc-collapsed-max-height, 0);overflow:hidden}.toc-fade:where(.svelte-16h8mpq){display:block}}.toc-viewport.svelte-16h8mpq{position:relative}.toc-fade.svelte-16h8mpq{display:none;position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.toc-title.svelte-16h8mpq{display:flex;font-size:var(--font-size-xl);gap:11px;justify-content:center;margin-bottom:16px}.toc-title.svelte-16h8mpq:before{display:inline-block;content:url(/media/images/icon/icon-toc.svg)}.toc-list.svelte-16h8mpq{display:grid;row-gap:4px;line-height:1.7;counter-reset:item;--depth: 0}.toc-list.svelte-16h8mpq .toc-list:where(.svelte-16h8mpq){--depth: 1}.toc-list.svelte-16h8mpq .toc-list:where(.svelte-16h8mpq) .toc-list:where(.svelte-16h8mpq){--depth: 2}.toc-list-item.svelte-16h8mpq{position:relative}.toc-list-item.svelte-16h8mpq:before{position:absolute;left:0;top:0;text-align:right}.toc-list.svelte-16h8mpq>.toc-list-item:where(.svelte-16h8mpq){counter-increment:item}.toc-list.svelte-16h8mpq>.toc-list-item:where(.svelte-16h8mpq):before{content:counters(item,"-") " |"}.toc-list.svelte-16h8mpq .toc-list:where(.svelte-16h8mpq){margin-top:4px}.toc-action.svelte-16h8mpq{text-align:center;padding-top:16px}.toc-toggle-button.svelte-16h8mpq{border:solid 1px var(--primitive-black);border-radius:25px;font-size:var(--font-size-sm);font-weight:600;width:100%;max-width:380px;height:40px;line-height:1}@media screen and (min-width:769px){.toc-nav.svelte-16h8mpq{border-width:1px 0;border-style:solid;border-color:var(--color-border-default);margin-block:32px;padding-top:24px;padding-bottom:24px}.toc-list.svelte-16h8mpq>.toc-list-item:where(.svelte-16h8mpq){padding-left:calc(1.5em + var(--depth) * 1.5em)}}@media screen and (max-width:768px){.toc-nav.svelte-16h8mpq{border-radius:4px;margin-block:24px;padding-top:24px;padding-bottom:24px}.toc-title.svelte-16h8mpq{font-weight:400}.toc-list.svelte-16h8mpq>.toc-list-item:where(.svelte-16h8mpq){padding-left:calc(1.5em + var(--depth) * 1em)}}.related-post-section.svelte-15gwoh3{display:flex;flex-direction:column}.related-post-section-title.svelte-15gwoh3{padding-left:12px;border-left:4px solid var(--primitive-gmo-blue);font-size:var(--font-size-xl);font-weight:700;line-height:1.2}.related-post-list.svelte-15gwoh3{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background-color:var(--color-bg-subtle);border-radius:8px}.related-post-item.svelte-15gwoh3{width:330px}.related-post-link.svelte-15gwoh3{position:relative;display:block}.related-post-link.svelte-15gwoh3:after{content:"";position:absolute;inset:0;background-color:var(--color-hover-overlay);opacity:0;transition:opacity var(--transition-hover);pointer-events:none;border-radius:16px;z-index:1}@media(hover:hover){.related-post-link.svelte-15gwoh3:hover:after{opacity:1}}.related-post-card.svelte-15gwoh3{display:flex;flex-direction:column;width:100%}.related-post-thumbnail.svelte-15gwoh3{width:100%;aspect-ratio:330 / 175;overflow:hidden;border-radius:16px 16px 0 0}.related-post-image.svelte-15gwoh3{width:100%;height:100%;object-fit:cover;display:block}.related-post-body.svelte-15gwoh3{display:flex;flex-direction:column;gap:8px;padding:8px 16px 16px;background-color:var(--color-bg-surface);border-radius:0 0 16px 16px}.related-post-card-title.svelte-15gwoh3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;font-size:var(--font-size-lg);font-weight:500;line-height:27px}.related-post-date.svelte-15gwoh3{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:var(--font-size-xs);font-weight:350;line-height:16px;letter-spacing:.04px}@media screen and (min-width:769px){.related-post-section.svelte-15gwoh3{gap:28px;margin-top:64px;padding-top:16px}.related-post-list.svelte-15gwoh3{margin-inline:40px;padding:32px 16px;gap:32px}}@media screen and (max-width:768px){.related-post-section.svelte-15gwoh3{gap:24px;margin-top:48px}.related-post-list.svelte-15gwoh3{gap:24px}}html{scroll-behavior:smooth}.article-page-container[data-astro-cid-4caaiiqm]{display:grid}.article-title[data-astro-cid-4caaiiqm]{font-size:var(--title-font-size)}.article-meta[data-astro-cid-4caaiiqm]{display:grid;grid-template-columns:repeat(2,max-content);font-size:var(--meta-font-size)}.article-meta-item[data-astro-cid-4caaiiqm]{display:flex}.article-footer[data-astro-cid-4caaiiqm],.article-tags[data-astro-cid-4caaiiqm]{display:grid}.article-tags-heading[data-astro-cid-4caaiiqm]{font-weight:700}@media screen and (min-width:769px){.article-page-container[data-astro-cid-4caaiiqm]{row-gap:40px;padding-right:48px}.article-main[data-astro-cid-4caaiiqm]{--title-font-size: var(--font-size-24);--meta-font-size: var(--font-size-sm);background-color:var(--color-bg-surface);border-radius:8px;padding:40px 44px}.article-meta[data-astro-cid-4caaiiqm]{margin-top:20px;column-gap:36px}.article-thumbnail[data-astro-cid-4caaiiqm]{margin-top:16px}.article-footer[data-astro-cid-4caaiiqm]{padding-top:64px;row-gap:40px}.article-tags[data-astro-cid-4caaiiqm]{row-gap:16px}.article-tags-heading[data-astro-cid-4caaiiqm]{font-size:var(--font-size-lg)}}@media screen and (max-width:768px){.article-main[data-astro-cid-4caaiiqm]{--title-font-size: var(--font-size-lg);--meta-font-size: var(--font-size-xs);padding-inline:20px;padding-bottom:64px}.article-meta[data-astro-cid-4caaiiqm]{margin-top:20px;column-gap:24px}.article-thumbnail[data-astro-cid-4caaiiqm]{margin-top:16px}.article-footer[data-astro-cid-4caaiiqm]{margin-top:48px;row-gap:32px}.article-tags[data-astro-cid-4caaiiqm]{row-gap:12px}.article-tags-heading[data-astro-cid-4caaiiqm]{font-size:var(--font-size-base)}}