:root{--blog-color-hero-bg:#e8e6ea;--blog-color-white:#fff;--blog-color-thumbnail-bg:#d6e3ff;--blog-color-dark-blue:#0f172a;--blog-color-ebony:#151834;--blog-color-gray:#9ca3af;--blog-color-border:#e5e7eb;--blog-shadow-light:0px 1px 3px #0000001a;--blog-shadow-medium:0 2px 8px #0000001a;--blog-shadow-hover:0px 4px 12px #00000026;--blog-font-title:"Noto Sans JP",sans-serif;--blog-font-meta:"Hind",sans-serif;--blog-header-height:74.07px;--blog-hero-height-desktop:381px;--blog-hero-height-tablet:340px;--blog-hero-height-mobile:280px;--blog-card-width:1120px;--blog-card-height:159px;--blog-transition-fast:.2s ease;--blog-transition-normal:.3s ease;--blog-transition-slow:.5s ease}.blog-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.blog-page::-webkit-scrollbar{width:8px}.blog-page::-webkit-scrollbar-track{background:var(--blog-color-white)}.blog-page::-webkit-scrollbar-thumb{background:var(--blog-color-gray);border-radius:4px}.blog-page::-webkit-scrollbar-thumb:hover{background:var(--blog-color-dark-blue)}.blog-card-hover{transition:all var(--blog-transition-normal)}.blog-card-hover:hover{box-shadow:var(--blog-shadow-hover);transform:translateY(-2px)}.blog-link-hover{transition:opacity var(--blog-transition-fast)}.blog-link-hover:hover{opacity:.8}.blog-button-hover{transition:all var(--blog-transition-fast)}.blog-button-hover:hover{background-color:var(--blog-color-dark-blue);color:var(--blog-color-white)}@keyframes blog-fade-in{0%{opacity:0}to{opacity:1}}.blog-fade-in{animation:.5s ease-out blog-fade-in}@keyframes blog-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-slide-up{animation:.6s ease-out blog-slide-up}@keyframes blog-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.blog-scale-in{animation:.4s ease-out blog-scale-in}.blog-text-truncate-1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-text-truncate-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-text-truncate-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-focus-visible:focus-visible{outline:2px solid var(--blog-color-dark-blue);outline-offset:2px}@media (min-width:768px){.blog-mobile-only{display:none!important}}@media (max-width:767px){.blog-tablet-up{display:none!important}}@media (max-width:1919px){.blog-desktop-only{display:none!important}}.blog-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blog-card-hover:hover{transform:none}}.blog-markdown{color:#364153;font-family:Noto Sans JP,sans-serif}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4,.blog-markdown h5,.blog-markdown h6{color:#101828;letter-spacing:-.02em;font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif;font-weight:600;line-height:1.4}.blog-markdown h1{margin-top:0;margin-bottom:2rem;font-size:1.875rem}.blog-markdown h2{margin-top:6rem;margin-bottom:3rem;font-size:1.5rem;line-height:2rem}@media (min-width:768px){.blog-markdown h2{font-size:1.625rem}}.blog-markdown>h2:first-child{margin-top:0}.blog-markdown h3{margin-top:4rem;margin-bottom:2rem;font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){.blog-markdown h3{font-size:1.375rem}}.blog-markdown h4{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;line-height:1.5rem}@media (min-width:768px){.blog-markdown h4{font-size:1.25rem}}.blog-markdown p{letter-spacing:.03em;color:#364153;margin-bottom:1.5rem;font-size:1.125rem;line-height:200%}@media (min-width:768px){.blog-markdown p{font-size:1.125rem}}.blog-markdown ul,.blog-markdown ol{margin-bottom:1.5rem;padding-left:1.34rem}.blog-markdown ul{list-style-type:disc}.blog-markdown ol{list-style-type:decimal}.blog-markdown li{letter-spacing:.03em;color:#364153;margin-bottom:.5rem;font-size:1.125rem;line-height:200%}@media (min-width:768px){.blog-markdown li{font-size:1.25rem}}.blog-markdown li>ul,.blog-markdown li>ol{margin-top:.5rem;margin-bottom:0}.blog-markdown a{color:#2563eb;text-decoration:underline;transition:color .2s}.blog-markdown a:hover{color:#1d4ed8}.blog-markdown img{border-radius:.5rem;max-width:100%;height:auto;margin:2rem 0}.blog-markdown figure{margin:2rem 0}.blog-markdown figure img{margin:0}.blog-markdown figure figcaption{color:#6b7280;text-align:center;margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.blog-markdown strong{background:linear-gradient(#0000 60%,#ecf84c99 60%);font-weight:700}.blog-markdown em{font-style:italic}.blog-markdown code{background-color:#f3f4f6;border-radius:.25rem;padding:.125rem .375rem;font-family:Courier New,Consolas,monospace;font-size:.875em}.blog-markdown pre{color:#f9fafb;background-color:#1f2937;border-radius:.5rem;margin:1.5rem 0;padding:1rem;overflow-x:auto}.blog-markdown pre code{color:inherit;background-color:#0000;padding:0;font-size:.875rem}.blog-markdown blockquote{letter-spacing:.03em;color:#364153;background-color:#f9fafb;border-left:.25rem solid #d0d5dd;margin:1.5rem 0;padding:1rem 1.5rem;font-size:1.125rem;line-height:200%}@media (min-width:768px){.blog-markdown blockquote{font-size:1.25rem}}.blog-markdown blockquote p{margin-bottom:0}.blog-markdown blockquote p+p{margin-top:1rem}.blog-markdown table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.875rem}.blog-markdown th,.blog-markdown td{text-align:left;border:1px solid #e5e7eb;padding:.75rem 1rem}.blog-markdown th{color:#6b7280;background-color:#f9fafb;font-weight:600}.blog-markdown tr:nth-child(2n){background-color:#f9fafb}.blog-markdown hr{border:none;border-top:1px solid #e5e7eb;margin:3rem 0}@media print{.blog-no-print{display:none!important}.blog-page{background:#fff}.blog-card-hover:hover{box-shadow:none;transform:none}}
.kg-bookmark-card{width:100%;margin:1.5em 0}.kg-bookmark-container{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.kg-bookmark-container:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.kg-bookmark-content{flex-direction:column;flex:60%;justify-content:center;min-width:280px;padding:20px;display:flex}.kg-bookmark-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.kg-bookmark-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.kg-bookmark-metadata{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:flex}.kg-bookmark-icon{border-radius:2px;width:16px;height:16px}.kg-bookmark-author,.kg-bookmark-publisher{font-weight:500}.kg-bookmark-thumbnail{background:#f1f5f9;flex:40%;min-width:200px;max-width:300px;position:relative}.kg-bookmark-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.kg-bookmark-container{flex-direction:column}.kg-bookmark-content{min-width:100%;padding:16px}.kg-bookmark-thumbnail{min-width:100%;max-width:100%;height:200px}.kg-bookmark-title{font-size:15px}.kg-bookmark-description{font-size:13px}}@media (prefers-color-scheme:dark){.kg-bookmark-container{background:#1e293b;border-color:#334155}.kg-bookmark-container:hover{border-color:#475569}.kg-bookmark-title{color:#f1f5f9}.kg-bookmark-description{color:#94a3b8}.kg-bookmark-metadata{color:#64748b}.kg-bookmark-thumbnail{background:#0f172a}}.kg-bookmark-card:not(:has(.kg-bookmark-thumbnail)) .kg-bookmark-content{flex:100%}.kg-bookmark-card:has(.kg-bookmark-icon):not(:has(.kg-bookmark-thumbnail)) .kg-bookmark-metadata{margin-top:4px}