@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;vertical-align:middle}html{font-family:"IBM Plex Sans JP","Hiragino Sans","Yu Gothic",sans-serif;font-size:62.5%;line-height:1.9;scroll-behavior:smooth;scroll-padding-top:80px;background:#1c1a24}@media screen and (min-width: 769px){html{scroll-padding-top:106px}}body{font-size:1.4rem;color:#232323;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 769px){body{font-size:1.6rem}}body.menu-open{overflow:hidden}.skipMenu{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media screen and (min-width: 769px){.container{padding:0 72px}}.content-wrapper{max-width:880px;margin:0 auto}.header{background:#1c1a24;position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;height:64px;z-index:100}@media screen and (min-width: 769px){.header{padding:0 32px;height:90px}}.header__logo a{display:flex;align-items:center;gap:12px}.header__logo img{width:130px;height:auto;filter:invert(100%) sepia(0%) saturate(7466%) hue-rotate(302deg) brightness(106%) contrast(100%)}@media screen and (min-width: 769px){.header__logo img{width:180px}}.header__label{display:inline-block;color:#ceb0fa;font-size:1.2rem;font-weight:normal;line-height:1.8;border:1px solid #9654f4;border-radius:4px;padding:3px 8px;white-space:nowrap;font-size:1.1rem;font-weight:bold;letter-spacing:0.04em;padding:2px 6px}@media screen and (min-width: 769px){.header__label{font-size:1.4rem;padding:4px 8px}}@media screen and (min-width: 769px){.header__label{font-size:1.3rem;padding:2px 8px}}.header__nav{display:none}@media screen and (min-width: 769px){.header__nav{display:flex;align-items:center;gap:44px}}@media screen and (min-width: 1200px){.header__nav{position:absolute;left:50%;transform:translateX(-50%)}}.header__nav a{font-size:1.5rem;font-weight:bold;letter-spacing:0.02em;text-transform:uppercase;color:#fff;position:relative;padding:8px 0}.header__nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#9654f4;transition:width 0.3s ease}.header__nav a:hover::after,.header__nav a.active::after{width:100%}.header__nav a.active{color:#ceb0fa}.header__cta{display:none}@media screen and (min-width: 769px){.header__cta{display:inline-flex;align-items:center;gap:6px;background:#6200ee;color:#fff;border-radius:99px;padding:10px 24px;font-size:1.4rem;font-weight:bold;line-height:1.2;transition:0.3s ease}.header__cta:hover{background:#8133f1}}.header__cta svg{flex-shrink:0}.header__menu-btn{display:block;width:28px;height:20px;position:relative;cursor:pointer;flex-shrink:0}@media screen and (min-width: 769px){.header__menu-btn{display:none}}.header__menu-btn span{display:block;width:100%;height:2px;background:#fff;position:absolute;left:0;transition:0.3s ease}.header__menu-btn span:nth-child(1){top:0}.header__menu-btn span:nth-child(2){top:9px}.header__menu-btn span:nth-child(3){bottom:0}.header__menu-btn.open span:nth-child(1){top:9px;transform:rotate(45deg)}.header__menu-btn.open span:nth-child(2){opacity:0}.header__menu-btn.open span:nth-child(3){bottom:9px;transform:rotate(-45deg)}.mobile-nav{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background:#1c1a24;color:#fff;z-index:99;display:none;padding:24px 20px 40px;overflow-x:hidden;overflow-y:auto}.mobile-nav.open{display:block}@media screen and (min-width: 769px){.mobile-nav{display:none !important}}.mobile-nav ul{list-style:none}.mobile-nav ul li a{display:flex;align-items:baseline;gap:10px;font-size:1.8rem;font-weight:bold;padding:16px 0;border-bottom:1px solid #3a3744}.mobile-nav ul li a .en{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:normal;color:#969696;text-transform:uppercase}.mobile-nav__cta{border-radius:99px;border:1px solid #6200ee;background:#6200ee;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;padding:16px 28px;text-align:center;font-weight:bold;line-height:1.2;cursor:pointer;transition:0.3s ease;margin-top:28px;width:100%;min-width:0;font-size:1.5rem}.mobile-nav__cta:hover{opacity:0.8}.main{padding-top:64px;background:#fff}@media screen and (min-width: 769px){.main{padding-top:90px}}.hero{background:#1c1a24;color:#fff;position:relative;overflow:hidden}.hero__nodes{position:absolute;right:-30%;top:0;width:130%;height:auto;opacity:0.6;pointer-events:none}@media screen and (min-width: 769px){.hero__nodes{right:-110px;top:6px;width:920px;opacity:0.95;filter:drop-shadow(0 0 10px rgba(150,84,244,0.45))}}.hero__glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%, rgba(98,0,238,0.35) 0%, rgba(28,26,36,0) 55%);pointer-events:none}.hero__inner{position:relative;z-index:2;padding:56px 0 64px;display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 769px){.hero__inner{padding:110px 0 130px;gap:28px;max-width:760px}}.hero__title{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}@media screen and (min-width: 769px){.hero__title{gap:20px}}.hero__title .en{font-size:5.2rem;font-weight:bold;line-height:1;letter-spacing:-0.01em}@media screen and (min-width: 769px){.hero__title .en{font-size:10.4rem}}.hero__title .label{display:inline-block;color:#ceb0fa;font-size:1.2rem;font-weight:normal;line-height:1.8;border:1px solid #9654f4;border-radius:4px;padding:3px 8px;white-space:nowrap;margin-bottom:4px}@media screen and (min-width: 769px){.hero__title .label{font-size:1.4rem;padding:4px 8px}}@media screen and (min-width: 769px){.hero__title .label{margin-bottom:8px}}.hero__catch{font-size:1.8rem;font-weight:bold;line-height:1.6}@media screen and (min-width: 769px){.hero__catch{font-size:2.6rem}}.hero__catch strong{color:#ceb0fa}.hero__lead{font-size:1.4rem;line-height:2;color:#b4b4b4}@media screen and (min-width: 769px){.hero__lead{font-size:1.6rem;max-width:560px}}.hero__btn{border-radius:99px;border:1px solid #fff;background:rgba(0,0,0,0);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;padding:16px 28px;text-align:center;font-weight:bold;line-height:1.2;cursor:pointer;transition:0.3s ease;align-self:flex-start;font-size:1.5rem}.hero__btn:hover{opacity:0.8}.page-header{background:#1c1a24;color:#fff;padding:40px 0 48px}@media screen and (min-width: 769px){.page-header{padding:64px 0 72px}}.page-header__title{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;font-size:2.8rem;font-weight:bold;line-height:1.2}@media screen and (min-width: 769px){.page-header__title{gap:20px;font-size:5.6rem}}.page-header__title .en{font-size:2.8rem;font-weight:bold;line-height:1;letter-spacing:-0.01em}@media screen and (min-width: 769px){.page-header__title .en{font-size:5.6rem}}.page-header__title .label{display:inline-block;color:#ceb0fa;font-size:1.2rem;font-weight:normal;line-height:1.8;border:1px solid #9654f4;border-radius:4px;padding:3px 8px;white-space:nowrap;margin-bottom:4px}@media screen and (min-width: 769px){.page-header__title .label{font-size:1.4rem;padding:4px 8px}}.page-header__description{font-size:1.4rem;color:#b4b4b4;line-height:1.9;margin-top:12px}@media screen and (min-width: 769px){.page-header__description{font-size:1.6rem;margin-top:16px;max-width:720px}}.section{padding:56px 0;background:#fff}.section[id]{scroll-margin-top:64px}@media screen and (min-width: 769px){.section[id]{scroll-margin-top:90px}}@media screen and (min-width: 769px){.section{padding:88px 0}}.section--alt{background:#f0f0f0}.section--dark{background:#1c1a24;color:#fff}.section--gradient{background:linear-gradient(135deg, #ece8fc 0%, #f4e2f1 100%)}.page-header+.section--dark{padding-top:0}.section--feed{padding-top:24px}@media screen and (min-width: 769px){.section--feed{padding-top:40px}}.section+.section--related{padding-top:0}.footer{background:#1c1a24;color:#fff;padding:0 20px}@media screen and (min-width: 769px){.footer{padding:0 72px}}.footer__inner{max-width:1296px;margin:0 auto;padding:40px 0 32px;border-top:1px solid #3a3744}@media screen and (min-width: 769px){.footer__inner{display:flex;justify-content:space-between;align-items:flex-start;padding:48px 0 40px}}.footer__brand{display:flex;align-items:center;gap:24px;flex-wrap:wrap}@media screen and (min-width: 769px){.footer__brand{gap:40px}}.footer__logo img{width:170px;height:auto;filter:invert(100%) sepia(0%) saturate(7466%) hue-rotate(302deg) brightness(106%) contrast(100%)}@media screen and (min-width: 769px){.footer__logo img{width:220px}}.footer__nav{margin-top:24px}@media screen and (min-width: 769px){.footer__nav{margin-top:0;display:flex;justify-content:flex-end;gap:40px}}.footer__nav a{display:block;color:#fff;font-size:1.4rem;font-weight:bold;margin-top:12px}.footer__nav a:first-child{margin-top:0}@media screen and (min-width: 769px){.footer__nav a{margin-top:0;font-size:1.5rem}}.footer__nav a:hover{color:#ceb0fa}.footer__sns{display:flex;gap:16px}.footer__sns a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#2d2d2d;transition:0.3s ease}.footer__sns a:hover{background:#6200ee}.footer__sns a img{width:20px;height:20px;filter:invert(100%) sepia(0%) saturate(7466%) hue-rotate(302deg) brightness(106%) contrast(100%)}@media screen and (min-width: 769px){.footer__meta{display:flex;flex-direction:column;align-items:flex-end;gap:16px}}.footer__copyright{margin-top:20px;font-size:1.2rem;color:#969696}@media screen and (min-width: 769px){.footer__copyright{margin-top:0;font-size:1.3rem}}.page-top{position:fixed;bottom:24px;right:24px;z-index:50;opacity:0;visibility:hidden;transition:0.3s ease}.page-top.visible{opacity:1;visibility:visible}.page-top a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#6200ee;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.page-top a:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.page-top a img{width:24px;height:24px;filter:invert(100%) sepia(0%) saturate(7466%) hue-rotate(302deg) brightness(106%) contrast(100%);transform:rotate(-90deg)}.ttl-lv2{font-size:2rem;font-weight:bold;line-height:1.4;padding-bottom:12px;border-bottom:2px solid #6200ee;margin-bottom:24px}@media screen and (min-width: 769px){.ttl-lv2{font-size:2.4rem;padding-bottom:16px;margin-bottom:32px}}.ttl-lv3{font-size:1.8rem;font-weight:bold;line-height:1.4;padding-left:16px;border-left:4px solid #6200ee;margin-bottom:16px}@media screen and (min-width: 769px){.ttl-lv3{font-size:2rem;margin-bottom:20px}}.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}.btn{border-radius:99px;border:1px solid #646464;background:#fff;color:#232323;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;padding:16px 28px;text-align:center;font-weight:bold;line-height:1.2;cursor:pointer;transition:0.3s ease}.btn:hover{opacity:0.8}.btn--primary{border-radius:99px;border:1px solid #6200ee;background:#6200ee;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;padding:16px 28px;text-align:center;font-weight:bold;line-height:1.2;cursor:pointer;transition:0.3s ease}.btn--primary:hover{opacity:0.8}.btn--outline{border-radius:99px;border:1px solid #6200ee;background:rgba(0,0,0,0);color:#6200ee;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;padding:16px 28px;text-align:center;font-weight:bold;line-height:1.2;cursor:pointer;transition:0.3s ease}.btn--outline:hover{opacity:0.8}.btn--onDark{border-radius:99px;border:1px solid #fff;background:rgba(0,0,0,0);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;padding:16px 28px;text-align:center;font-weight:bold;line-height:1.2;cursor:pointer;transition:0.3s ease}.btn--onDark:hover{opacity:0.8}.btn--small{min-width:120px;padding:10px 16px;font-size:1.3rem}.btn-row{display:flex;flex-wrap:wrap;gap:16px}.post-thumb{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#1c1a24;flex-shrink:0}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:0.3s ease}.post-thumb--fallback{display:flex;align-items:center;justify-content:center;color:#9654f4}.post-thumb--fallback svg{width:70%;height:auto}.post-thumb--fallback circle[fill='currentColor']{color:#ceb0fa}.feed{display:grid;gap:40px}@media screen and (min-width: 1080px){.feed{grid-template-columns:minmax(0, 1fr) 300px;gap:80px;align-items:start}}.feed__main{display:flex;flex-direction:column;min-width:0}@media screen and (min-width: 1080px){.feed__side{position:sticky;top:114px;padding-top:48px}}.feed__more{padding-top:26px}@media screen and (min-width: 769px){.feed__more{padding-top:32px}}.feed__more a{display:inline-flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:bold;color:#232323;border-bottom:2px solid #232323;padding-bottom:2px}.feed__more a:hover{color:#6200ee;border-bottom-color:#6200ee}.feed__more a:hover svg{transform:translateX(3px)}.feed__more a svg{transition:0.3s ease}.post-row{display:flex;flex-direction:column;gap:12px;padding:22px 0;border-bottom:1px dashed #b4b4b4;color:#232323}@media screen and (min-width: 769px){.post-row{display:grid;grid-template-columns:264px minmax(0, 1fr);gap:32px;padding:32px 0;align-items:start}}.post-row:hover .post-thumb img{transform:scale(1.05)}.post-row:hover .post-row__title{color:#6200ee}.post-row__body{display:flex;flex-direction:column;gap:8px;min-width:0}.post-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.post-row__cat{display:inline-flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:bold;letter-spacing:0.08em;text-transform:uppercase;color:#505050}@media screen and (min-width: 769px){.post-row__cat{font-size:1.2rem}}.post-row__cat--ai{color:#4600a9}.post-row__cat--frontend{color:#7d2f5e}.post-row__cat--backend{color:#3c6d20}.post-row__cat--infrastructure{color:#6e3001}.post-row__cat--salesforce{color:#1a5c9e}.post-row__date{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.1rem;color:#646464}@media screen and (min-width: 769px){.post-row__date{font-size:1.2rem}}.post-row__new{background:#6200ee;color:#fff;border-radius:99px;padding:0 11px;font-size:1.1rem;font-weight:bold;line-height:20px}.post-row__title{font-size:1.8rem;font-weight:bold;line-height:1.5;transition:0.3s ease}@media screen and (min-width: 769px){.post-row__title{font-size:2.2rem}}.post-row__excerpt{font-size:1.3rem;line-height:1.8;color:#505050}@media screen and (min-width: 769px){.post-row__excerpt{font-size:1.4rem}}.post-row__tags{display:flex;flex-wrap:wrap;gap:10px;font-size:1.1rem;color:#646464}@media screen and (min-width: 769px){.post-row__tags{gap:12px;font-size:1.2rem}}.post-row--featured{border-bottom-style:solid;border-bottom-color:#232323}@media screen and (min-width: 769px){.post-row--featured{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:40px;padding:8px 0 40px;align-items:center}}@media screen and (min-width: 769px){.post-row--featured .post-thumb{aspect-ratio:4 / 3;border-radius:12px}}.post-row--featured .post-row__body{gap:10px}@media screen and (min-width: 769px){.post-row--featured .post-row__body{gap:14px}}.post-row--featured .post-row__title{font-size:2rem}@media screen and (min-width: 769px){.post-row--featured .post-row__title{font-size:3rem;line-height:1.45;text-wrap:balance}}@media screen and (min-width: 769px){.post-row--featured .post-row__excerpt{font-size:1.5rem;line-height:1.9}}.side{display:flex;flex-direction:column;gap:30px}@media screen and (min-width: 769px){.side{gap:40px}}.side__block{display:flex;flex-direction:column}.side__title{font-size:1.1rem;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;color:#646464;padding-bottom:8px;border-bottom:1px solid #232323}@media screen and (min-width: 769px){.side__title{font-size:1.2rem;padding-bottom:10px}}.side__rows{display:flex;flex-direction:column}.side__tags,.side__links{margin-top:12px}.side__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed #d2d2d2;font-size:1.4rem;color:#232323}.side__row:hover{color:#6200ee}.side__row--empty{cursor:default;color:#646464}.side__row--empty:hover{color:#646464}.side__row--empty .category-dot{opacity:0.4}.side__row-name{display:flex;align-items:center;gap:9px;font-weight:bold}.side__row-count{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;color:#646464}.side__tags{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:1.4rem;line-height:1.6}.side__tags a{color:#232323}.side__tags a:hover{color:#6200ee}.side__tag-count{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1rem;color:#646464;margin-left:4px}.side__links{display:flex;flex-direction:column;gap:10px}.side__links a{display:flex;align-items:center;gap:9px;font-size:1.4rem;color:#232323}.side__links a:hover{color:#6200ee}.side__links a svg{flex-shrink:0}.related{max-width:1080px;margin:0 auto;border-top:1px solid #232323;padding-top:20px;display:flex;flex-direction:column}@media screen and (min-width: 769px){.related{padding-top:28px}}.related__title{font-size:1.1rem;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;color:#646464}@media screen and (min-width: 769px){.related__title{font-size:1.2rem}}.related__row{display:grid;grid-template-columns:110px minmax(0, 1fr);gap:14px;padding:16px 0;border-bottom:1px dashed #b4b4b4;align-items:center;color:#232323}@media screen and (min-width: 769px){.related__row{grid-template-columns:200px minmax(0, 1fr);gap:24px;padding:20px 0}}.related__row:hover .related__ttl{color:#6200ee}.related__row:hover .post-thumb img{transform:scale(1.05)}.related__row .post-thumb{border-radius:6px}.related__body{display:flex;flex-direction:column;gap:3px;min-width:0}.related__meta{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.1rem;color:#646464}@media screen and (min-width: 769px){.related__meta{font-size:1.2rem}}.related__ttl{font-size:1.5rem;font-weight:bold;line-height:1.5;transition:0.3s ease}@media screen and (min-width: 769px){.related__ttl{font-size:1.8rem}}.category-badge{display:inline-flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:bold;padding:0 10px;line-height:22px;border-radius:6px;background:#f0f0f0;color:#505050;white-space:nowrap}.category-badge--frontend{background:#f7ebf2;color:#7d2f5e}.category-badge--backend{background:#eaf4e4;color:#3c6d20}.category-badge--infrastructure{background:#f3e9e2;color:#6e3001}.category-badge--salesforce{background:#e6effb;color:#1a5c9e}.category-badge--ai{background:#efe6fd;color:#4600a9}.section--dark .category-badge,.page-header .category-badge,.hero .category-badge,.article__hero .category-badge{background:#3a3744;color:#fff}.category-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;background:#646464}.category-dot--frontend{background:#ae588d}.category-dot--backend{background:#599e2f}.category-dot--infrastructure{background:#964101}.category-dot--salesforce{background:#4089e7}.category-dot--ai{background:#6200ee}.section--dark .category-dot{background:#b4b4b4}.section--dark .category-dot.category-dot--frontend{background:#a4517b}.section--dark .category-dot.category-dot--backend{background:#69a056}.section--dark .category-dot.category-dot--infrastructure{background:#9f6202}.section--dark .category-dot.category-dot--salesforce{background:#5194d5}.section--dark .category-dot.category-dot--ai{background:#9654f4}.cat-grid{display:grid;gap:16px}@media screen and (min-width: 769px){.cat-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}.cat-cell{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:12px;background:#2d2d2d;color:#fff;transition:0.3s ease}@media screen and (min-width: 769px){.cat-cell{padding:24px}}.cat-cell:hover{background:#323232;transform:translateY(-2px)}.cat-cell--empty{opacity:0.6;cursor:default}.cat-cell--empty:hover{background:#2d2d2d;transform:none}.cat-cell__name{display:flex;align-items:center;gap:10px;font-weight:bold;font-size:1.6rem}@media screen and (min-width: 769px){.cat-cell__name{font-size:1.7rem}}.cat-cell__description{font-size:1.3rem;color:#b4b4b4;line-height:1.8}.cat-cell__count{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.2rem;color:#969696}.tag{display:inline-block;font-size:1.3rem;line-height:1.6;padding:4px 14px;border-radius:99px;border:1px solid #d2d2d2;color:#505050;transition:0.3s ease}.tag:hover{border-color:#6200ee;color:#6200ee}.section--dark .tag{border-color:#505050;color:#d2d2d2}.section--dark .tag:hover{border-color:#9654f4;color:#ceb0fa}.tags{display:flex;flex-wrap:wrap;gap:10px}.article__hero{background:#1c1a24;color:#fff;position:relative;overflow:hidden}.article__hero-nodes{position:absolute;right:-20%;top:0;width:90%;height:auto;opacity:0.4;pointer-events:none}@media screen and (min-width: 769px){.article__hero-nodes{right:-140px;top:6px;width:640px;opacity:0.65;filter:drop-shadow(0 0 10px rgba(150,84,244,0.4))}}.article__hero-inner{position:relative;z-index:2;padding:32px 0 40px;display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 769px){.article__hero-inner{padding:56px 0 72px;gap:20px}}.article__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:1.2rem;color:#b4b4b4}@media screen and (min-width: 769px){.article__breadcrumb{font-size:1.3rem}}.article__breadcrumb a:hover{color:#fff}.article__breadcrumb svg{flex-shrink:0;color:#787878}.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.article__date,.article__reading-time{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.3rem;color:#b4b4b4}.article__title{font-size:2.4rem;font-weight:bold;line-height:1.4;letter-spacing:-0.005em}@media screen and (min-width: 769px){.article__title{font-size:4.4rem}}.article__description{font-size:1.4rem;line-height:1.9;color:#d2d2d2}@media screen and (min-width: 769px){.article__description{font-size:1.6rem;max-width:720px}}.article__byline{display:flex;align-items:center;gap:10px;font-size:1.3rem;color:#d2d2d2}@media screen and (min-width: 769px){.article__byline{font-size:1.4rem}}.article__byline .avatar{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.article__byline .avatar img{width:16px;height:16px}.article__layout{max-width:880px;margin:0 auto}@media screen and (min-width: 1080px){.article__layout{max-width:1080px;display:grid;grid-template-columns:minmax(0, 1fr) 240px;gap:80px;align-items:start}}@media screen and (min-width: 1080px){.article__layout--no-toc{max-width:880px;display:block}}.article__aside{margin-bottom:28px}@media screen and (min-width: 1080px){.article__aside{grid-column:2;grid-row:1;margin-bottom:0;position:sticky;top:114px;max-height:calc(100vh - 138px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.article__aside::-webkit-scrollbar{display:none}}.article__main{min-width:0}@media screen and (min-width: 1080px){.article__main{grid-column:1;grid-row:1}}.article__content{font-size:1.5rem;line-height:2}@media screen and (min-width: 769px){.article__content{font-size:1.7rem}}.article__content>*+*{margin-top:24px}.article__content h1,.article__content h2,.article__content h3,.article__content h4,.article__content h5,.article__content h6{position:relative;scroll-margin-top:80px}@media screen and (min-width: 769px){.article__content h1,.article__content h2,.article__content h3,.article__content h4,.article__content h5,.article__content h6{scroll-margin-top:106px}}.article__content .heading-anchor{display:none}@media screen and (min-width: 1080px){.article__content .heading-anchor{display:inline-flex;align-items:center;justify-content:center;position:absolute;left:-40px;top:0;width:28px;height:28px;border-radius:6px;color:#969696;text-decoration:none;opacity:0;transition:opacity 0.15s ease}.article__content .heading-anchor:hover{color:#6200ee;background:#f7f5fb;text-decoration:none}.article__content .heading-anchor:focus-visible{opacity:1;outline:2px solid #6200ee;outline-offset:2px}.article__content h1 .heading-anchor{top:calc((2.8rem * 1.5 - 28px) / 2)}.article__content h2 .heading-anchor{top:calc((2.4rem * 1.5 - 28px) / 2)}.article__content h3 .heading-anchor{top:calc((2rem * 1.6 - 28px) / 2)}.article__content h4 .heading-anchor{top:calc((1.8rem * 2 - 28px) / 2)}.article__content h1:hover .heading-anchor,.article__content h2:hover .heading-anchor,.article__content h3:hover .heading-anchor,.article__content h4:hover .heading-anchor{opacity:1}}.article__content h1,.article__content h2{display:flex;align-items:center;gap:11px;font-size:2.1rem;font-weight:bold;line-height:1.5;margin-top:40px;padding-bottom:12px;border-bottom:1px solid #d2d2d2}@media screen and (min-width: 769px){.article__content h1,.article__content h2{gap:14px;font-size:2.8rem;margin-top:56px;padding-bottom:14px}}.article__content h1::before,.article__content h2::before{content:'';width:19px;height:19px;flex-shrink:0;background-color:#232323;mask:url("/img/mark.svg") no-repeat center/contain;-webkit-mask:url("/img/mark.svg") no-repeat center/contain}@media screen and (min-width: 769px){.article__content h1::before,.article__content h2::before{width:22px;height:22px}}.article__content h2{font-size:1.9rem}@media screen and (min-width: 769px){.article__content h2{font-size:2.4rem}}.article__content h1+h2{margin-top:32px}@media screen and (min-width: 769px){.article__content h1+h2{margin-top:40px}}.article__content h3{display:flex;gap:12px;font-size:1.7rem;font-weight:bold;line-height:1.6;margin-top:40px;padding-bottom:10px;border-bottom:1px solid #d2d2d2}@media screen and (min-width: 769px){.article__content h3{font-size:2rem;margin-top:48px;padding-bottom:12px}}.article__content h3::before{content:'';width:4px;border-radius:2px;background:#6200ee;flex-shrink:0}.article__content h4{font-size:1.6rem;font-weight:bold;margin-top:32px}@media screen and (min-width: 769px){.article__content h4{font-size:1.8rem}}.article__content p{line-height:2}.article__content a{color:#1d62b6;text-decoration:underline}.article__content a:hover{color:#6200ee;text-decoration:none}.article__content ul,.article__content ol{padding-left:1.5em}.article__content ul li,.article__content ol li{margin-top:8px}.article__content ul li:first-child,.article__content ol li:first-child{margin-top:0}.article__content ul li{list-style:disc}.article__content ol li{list-style:decimal}.article__content strong{font-weight:bold}.article__content blockquote{border-left:4px solid #b78af7;background:#f7f5fb;border-radius:0 8px 8px 0;padding:16px 20px;margin-left:0;color:#505050}.article__content blockquote>*+*{margin-top:16px}.article__content img{max-width:100%;height:auto;border-radius:12px}.article__content figure{text-align:center}.article__content figure figcaption{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:1.1rem;line-height:1.7;color:#646464;text-align:right;margin-top:8px}@media screen and (min-width: 769px){.article__content figure figcaption{font-size:1.2rem}}.article__content .table-wrap{overflow-x:auto}.article__content table{width:100%;border-collapse:collapse;font-size:1.5rem;line-height:1.8}@media screen and (min-width: 769px){.article__content table{font-size:1.6rem}}.article__content table th{text-align:left;padding:10px 12px;border-bottom:1px solid #232323;font-size:1.3rem;font-weight:bold;letter-spacing:0.02em;white-space:nowrap}@media screen and (min-width: 769px){.article__content table th{padding:12px 14px;font-size:1.4rem}}.article__content table td{padding:10px 12px;border-bottom:1px dashed #b4b4b4}@media screen and (min-width: 769px){.article__content table td{padding:12px 14px}}.article__content hr{border:none;border-top:1px dashed #b4b4b4;margin:48px 0}.article__content .table-wrap+hr{border-top:none}.article__toc{display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 1080px){.article__toc{gap:12px}}.article__toc-title{font-size:1.1rem;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;color:#646464}@media screen and (min-width: 1080px){.article__toc-title{font-size:1.2rem}}.article__toc nav ul{padding-left:0;list-style:none}.article__toc nav ul ul{padding-left:0}.article__toc nav li{list-style:none}.article__toc nav a{display:block;overflow-wrap:anywhere;padding:5px 0 5px 14px;border-left:2px solid #f0f0f0;font-size:1.3rem;line-height:1.6;color:#646464;transition:0.2s ease}@media screen and (min-width: 1080px){.article__toc nav a{padding:6px 0 6px 16px;font-size:1.4rem}}.article__toc nav a:hover{color:#232323}.article__toc nav a.is-current{color:#232323;font-weight:bold;border-left-color:#6200ee}.article__toc nav ul ul a{padding-left:26px}@media screen and (min-width: 1080px){.article__toc nav ul ul a{padding-left:28px}}.article__author{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #d2d2d2;border-radius:12px;margin-top:40px}@media screen and (min-width: 769px){.article__author{gap:20px;padding:24px 28px}}.article__author-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#1c1a24;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 769px){.article__author-avatar{width:64px;height:64px}}.article__author-avatar img{width:26px;height:26px;filter:invert(100%) sepia(0%) saturate(7466%) hue-rotate(302deg) brightness(106%) contrast(100%)}@media screen and (min-width: 769px){.article__author-avatar img{width:30px;height:30px}}.article__author-info .name{font-weight:bold;font-size:1.5rem}@media screen and (min-width: 769px){.article__author-info .name{font-size:1.6rem}}.article__author-info .bio{font-size:1.3rem;color:#505050;line-height:1.7;margin-top:2px}@media screen and (min-width: 769px){.article__author-info .bio{font-size:1.4rem}}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:48px}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;font-size:1.4rem}.pagination a{background:#f0f0f0;color:#232323}.pagination a:hover{background:#efe6fd;color:#6200ee}.pagination .active{background:#1c1a24;color:#fff;font-weight:bold}.pagination .disabled{opacity:0.5;pointer-events:none}.text-center{text-align:center}.text-right{text-align:right}.mt-0{margin-top:0 !important}.mt-1{margin-top:8px !important}.mt-2{margin-top:16px !important}.mt-3{margin-top:24px !important}.mt-4{margin-top:32px !important}.mt-5{margin-top:48px !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:8px !important}.mb-2{margin-bottom:16px !important}.mb-3{margin-bottom:24px !important}.mb-4{margin-bottom:32px !important}.mb-5{margin-bottom:48px !important}.pc-only{display:none !important}@media screen and (min-width: 769px){.pc-only{display:block !important}}.sp-only{display:block !important}@media screen and (min-width: 769px){.sp-only{display:none !important}}.footnote-ref{font-size:0.75em;vertical-align:super;line-height:0;color:#6200ee;text-decoration:none;font-weight:bold;padding:0 2px}.footnote-ref:hover{color:#4600a9;text-decoration:underline}.footnote-ref::before{content:'['}.footnote-ref::after{content:']'}.footnotes{margin-top:64px;padding-top:32px;border-top:1px dashed #b4b4b4;font-size:1.4rem}@media screen and (min-width: 769px){.footnotes{margin-top:80px;padding-top:40px}}.footnotes>hr{display:none}.footnotes ol{list-style:none;padding-left:0;margin:0;counter-reset:footnote-counter}.footnotes ol li{list-style:none;position:relative;padding-left:32px;margin-top:12px;line-height:1.7;counter-increment:footnote-counter}.footnotes ol li:first-child{margin-top:0}.footnotes ol li::before{content:"[" counter(footnote-counter) "]";position:absolute;left:0;color:#6200ee;font-weight:bold;font-size:1.3rem}.footnotes ol li p{margin:0;display:inline}.footnotes ol li a:not(.footnote-backref){color:#1d62b6;word-break:break-all}.footnotes ol li a:not(.footnote-backref):hover{text-decoration:none}.footnotes .footnote-backref{margin-left:8px;color:#787878;text-decoration:none;font-size:1.2rem}.footnotes .footnote-backref:hover{color:#6200ee}.copy-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(8px);z-index:100;background:#1c1a24;color:#fff;font-size:1.3rem;line-height:1;border-radius:8px;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity 0.2s ease, transform 0.2s ease}.copy-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.article__content sup{line-height:0}.article__content .footnotes{margin-top:48px}@media screen and (min-width: 769px){.article__content .footnotes{margin-top:64px}}code{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:0.9em;background:#f7f5fb;box-shadow:inset 0 0 0 1px #e6def7;padding:2px 6px;border-radius:4px;color:#5900d9}pre{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:1.2rem;line-height:1.8;background:#f7f5fb;color:#232323;border-radius:8px;box-shadow:inset 0 0 0 1px #e6def7;padding:14px 16px;overflow-x:auto;margin:24px 0}@media screen and (min-width: 769px){pre{font-size:1.4rem;padding:18px 22px}}pre code{font-family:inherit;font-size:inherit;background:transparent;box-shadow:none;padding:0;border-radius:0;color:inherit}.highlight{position:relative;margin:24px 0;border-radius:8px;overflow:hidden;background:#f7f5fb;box-shadow:inset 0 0 0 1px #e6def7}.highlight pre{margin:0;border-radius:0;box-shadow:none}.highlight>.chroma{overflow-x:auto}.highlight table{width:100%;border-collapse:collapse;display:table}.highlight table td{padding:0;border:none;vertical-align:top}.highlight table .lntd:first-child{width:40px;padding-right:16px;user-select:none}.highlight table .lntd:last-child{width:100%}.highlight .lnt,.highlight .ln{color:#646464;padding-right:12px;user-select:none}.highlight .hl{display:block;background:rgba(98,0,238,0.08);margin:0 -16px;padding:0 16px}@media screen and (min-width: 769px){.highlight .hl{margin:0 -22px;padding:0 22px}}.highlight .c,.highlight .ch,.highlight .cm,.highlight .c1,.highlight .cs,.highlight .cp,.highlight .cpf{color:#646464;font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .o,.highlight .ow,.highlight .nt{color:#5900d9}.highlight .kt,.highlight .nb,.highlight .nc,.highlight .ne,.highlight .nl,.highlight .nv,.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi,.highlight .vm{color:#7d2f5e}.highlight .na,.highlight .nd,.highlight .nf,.highlight .fm{color:#1a5c9e}.highlight .s,.highlight .sa,.highlight .sb,.highlight .sc,.highlight .dl,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .s1,.highlight .ss,.highlight .se,.highlight .si,.highlight .sr,.highlight .sx{color:#3c6d20}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il{color:#6e3001}.highlight .n,.highlight .ni,.highlight .nn,.highlight .no,.highlight .nx,.highlight .py,.highlight .p,.highlight .w,.highlight .l,.highlight .ld{color:#232323}.highlight .cl{color:inherit}.highlight .err{color:#232323}.highlight .g,.highlight .gp,.highlight .gt{color:#232323}.highlight .gd,.highlight .gr{color:#e91919}.highlight .gi{color:#3c6d20}.highlight .go{color:#646464}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .gh{color:#232323;font-weight:bold}.highlight .gu{color:#646464;font-weight:bold}.highlight .gl{text-decoration:underline}pre.mermaid{background:transparent;box-shadow:none;border-radius:0;padding:24px 0;text-align:center}pre.mermaid svg{max-width:100%;height:auto}figure.svg-diagram{margin:24px 0;text-align:center}figure.svg-diagram svg{max-width:100%;height:auto;font-family:inherit}