:root{--bg: #FAF5F1;--bg-soft: #F4ECE3;--bg-card: #FFFFFF;--bg-section-alt: #FBF6EF;--text: #3D240B;--text-muted: #6B5A4E;--text-soft: #8B7C70;--brand: #E8825D;--brand-hover: #D8704A;--hl: #F9B639;--line-green: #06C755;--google-blue: #4285F4;--sky: #C7DEEF;--paw: #C9B299;--sub-bg: #ECF4F3;--sub-ink: #30414C;--alt-bg: #EAF4EB;--alt-ink: #1D3232;--border: rgba(43, 27, 18, .08);--shadow-card: 0 8px 24px rgba(43, 27, 18, .08);--mainEasing: cubic-bezier(.25, 1, .5, 1);--font-body: "Noto Sans JP", sans-serif;--font-title: "Shippori Mincho", serif;--defaultColor: var(--text);--hlColor: var(--brand)}.blog-main{margin:0 auto;max-width:1200px;width:100%;padding:7.5rem 1.5rem 0}.blog-page-lede{max-width:820px;color:var(--text-muted);font-size:16px;line-height:160%;margin:8px 0 0}.blog-empty{color:var(--text-soft);padding:60px 0 120px}.blog-taxonomy{padding:20px 0;border-top:1px solid var(--border)}.blog-taxonomy-heading{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);margin:0 0 12px;font-weight:500}.blog-taxonomy-list{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:0}.blog-taxonomy-list li{list-style:none}.blog-taxonomy-list a{display:inline-block;padding:6px 12px;border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text);text-decoration:none;transition:border-color .2s var(--mainEasing),color .2s var(--mainEasing)}@media all and (pointer:fine){.blog-taxonomy-list a:hover{border-color:var(--brand);color:var(--brand)}}.work{justify-content:space-between;flex-wrap:wrap;gap:30px;padding:45px 0 160px}.work li{width:calc(50% - 15px);min-width:420px;list-style:none}.work-item,.work-item-content{display:flex;flex-direction:column}.work-item{gap:20px;color:var(--defaultColor);text-decoration:none}.work-item img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}@media all and (pointer:fine){.work-item .wic-title{transition:color .3s var(--mainEasing)}.work-item:hover .wic-title{color:var(--hlColor)}}.work-item-content{gap:6px}.wic-title{font-size:20px;color:var(--defaultColor);max-width:520px;line-height:140%}.work-item-date{color:var(--text-soft);font-size:12px}@media all and (max-width:1200px){.work{gap:30px 16px}.work li{width:calc(50% - 8px)}}@media all and (max-width:940px){.work li{width:100%;max-width:620px;min-width:100%}}@media all and (max-width:900px){.blog-main{padding:6.25rem 1.25rem 0}.wic-title{font-size:18px}.work-item{gap:16px}.work{padding:30px 0 120px}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 0 80px;flex-wrap:wrap}.pagination-numbers{display:flex;align-items:center;gap:4px}.pagination-number,.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:14px;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:4px;transition:all .3s var(--mainEasing);text-decoration:none}@media all and (pointer:fine){.pagination-number:hover:not(.disabled):not(.active),.pagination-btn:hover:not(.disabled):not(.active){border-color:var(--brand);color:var(--brand)}}.pagination-number.active,.pagination-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:500}.pagination-number.disabled,.pagination-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.pagination-btn{font-weight:500;letter-spacing:.05em}.pagination-ellipsis{padding:0 8px;color:var(--text-soft)}@media all and (max-width:768px){.pagination{gap:6px;padding:0 0 60px}.pagination-number,.pagination-btn{min-width:36px;height:36px;font-size:13px}.pagination-btn{padding:0 10px}}.blog-main .top-header{max-width:920px;padding-top:30px;padding-bottom:60px}.blog-main .top-header>img{width:100%;height:auto;border-radius:6px;margin-top:30px}.blog-main .article-title{font-size:48px;line-height:120%;font-weight:700;color:var(--defaultColor);margin:0 0 30px}.blog-main .art-meta{padding:30px 0;align-items:center;gap:30px;flex-wrap:wrap}.blog-main .author-container{gap:14px}.blog-main .author-image{width:44px;height:44px;overflow:hidden;border-radius:50%}.blog-main .author-image img{width:100%;height:100%;object-fit:cover}.blog-main .author-info{gap:8px}.blog-main .author-name,.blog-main .author-role{line-height:100%;margin:0}.blog-main .author-name{font-size:14px;font-weight:400}.blog-main .author-role{color:var(--text-soft);font-size:11px}.blog-main .tags{gap:6px;font-size:14px}.blog-main .markdown-container{padding:0 0 120px}.blog-main .content{max-width:700px;margin:0 auto;color:var(--text)}.blog-main .content ul li{list-style-type:disc}.blog-main .content ul li::marker{color:var(--brand)}.blog-main .content h2{font-weight:600;color:var(--text);font-size:36px;line-height:130%;margin-top:4rem;margin-bottom:1rem}.blog-main .content h3{font-weight:600;font-size:24px;line-height:140%;margin-top:3rem;margin-bottom:.75rem;color:var(--text)}.blog-main .content h4{font-weight:600;font-size:20px;line-height:150%;margin-top:2rem;margin-bottom:.5rem;color:var(--text)}.blog-main .content p{color:var(--text);margin-bottom:1rem}.blog-main .content ul,.blog-main .content ol{margin-bottom:2.5rem;padding-left:1.5rem}.blog-main .content li{margin-bottom:1rem}.blog-main .content blockquote{border-left:4px solid var(--brand);padding-left:1rem;font-style:italic;margin:1.5rem 0;color:var(--text-muted)}.blog-main .content code:not([class*=language-]){font-family:Menlo,Monaco,Courier New,monospace;color:var(--brand);border:1px solid var(--brand);padding:.2rem .4rem;border-radius:.25rem;font-size:.875rem}.blog-main .content pre{margin:1.5rem 0;padding:1rem;border-radius:6px;overflow:auto}.blog-main .content a{color:var(--brand);text-decoration:underline}.blog-main .content a:hover{color:var(--brand-hover)}.blog-main .content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-main .content table th{background-color:var(--bg-soft);font-weight:600;text-align:left;padding:.75rem;border:1px solid var(--border)}.blog-main .content table td{padding:.75rem;border:1px solid var(--border)}.blog-main .content table tr:nth-child(2n){background-color:var(--bg-section-alt)}.blog-main .content img{max-width:100%;height:auto;margin:1.5rem 0;border-radius:4px}.blog-main .content hr{border:0;height:1px;background-color:var(--border);margin:2rem 0}@media all and (max-width:1024px){.blog-main{padding:100px 30px 0}.blog-main .top-header{padding:25px 0 30px}}@media all and (max-width:980px){.blog-main .article-title{font-size:36px;line-height:130%}.blog-main .content h2{font-size:24px;line-height:140%}.blog-main .content h3{font-size:20px;line-height:150%}.blog-main .content h4{font-size:18px;line-height:160%}}@media all and (max-width:768px){.blog-main{padding:20px 20px 0}.blog-main .top-header{padding:0 0 30px}}@media all and (max-width:767px){.blog-main .article-title{font-size:24px;line-height:130%;margin:0 0 16px;letter-spacing:0}.blog-main .art-meta{padding:0}}@media all and (max-width:520px){.blog-main .author-container{display:none}}