:root{--blog-primary:#425072;--blog-gold:#C8AD7F;--blog-text:#3e3e3e;--blog-link:#1a73e8;--blog-table-header:#2b5ea7}.blog-body{font-size:16.5px;line-height:1.9;color:var(--blog-text)}.blog-body h2{background:var(--blog-primary);color:#fff;font-size:1.25rem;padding:.9em 1.1em;margin-top:2.5rem;margin-bottom:1.25rem;border-radius:4px;border-top:3px dotted var(--blog-gold);border-bottom:3px dotted var(--blog-gold)}.blog-body h2,.blog-body h3{font-weight:700;line-height:1.5}.blog-body h3{font-size:1.125rem;color:var(--blog-text);padding:.5em .2em;margin-top:2rem;margin-bottom:1rem;border-top:3px dotted var(--blog-primary);border-bottom:3px dotted var(--blog-primary)}.blog-body h4{font-weight:700;font-size:1rem;color:var(--blog-text);margin-top:1.5rem;margin-bottom:.75rem;padding-left:.8em;border-left:3px solid var(--blog-gold)}.blog-body p{margin-bottom:1.25rem;line-height:1.9}.blog-body ul{padding-left:1.5rem;margin-bottom:1.25rem;list-style-type:none}.blog-body ul>li{position:relative;padding-left:.4em;margin-bottom:.75rem;line-height:1.8}.blog-body ul>li:before{content:"";position:absolute;left:-1.2em;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--blog-primary)}.blog-body ol{list-style:none;padding-left:0;margin-bottom:1.25rem;counter-reset:blog-ol}.blog-body ol>li{position:relative;padding-left:2.2em;margin-bottom:.75rem;line-height:1.8;counter-increment:blog-ol}.blog-body ol>li:before{content:counter(blog-ol);position:absolute;left:0;top:.25em;width:1.6em;height:1.6em;border-radius:50%;background:var(--blog-primary);color:#fff;font-weight:700;font-size:.82em;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-sizing:border-box}.blog-body ol>li::marker{content:""}.blog-body li>ol,.blog-body li>ul{margin-top:.5rem;margin-bottom:0}.blog-body strong{font-weight:700;color:var(--blog-text)}.blog-body a{color:var(--blog-link);text-decoration:underline}.blog-body a:hover{color:var(--blog-primary)}.blog-body h2>a.heading-anchor,.blog-body h3>a.heading-anchor,.blog-body h4>a.heading-anchor{color:inherit;text-decoration:none;display:block;scroll-margin-top:80px}.blog-body h2>a.heading-anchor:hover,.blog-body h3>a.heading-anchor:hover,.blog-body h4>a.heading-anchor:hover{color:inherit;text-decoration:none;opacity:.85}.blog-body pre{background:#2d2d2d;color:#f8f8f2;padding:1.25rem;border-radius:6px;overflow-x:auto;margin-bottom:1.25rem;font-size:.875rem;line-height:1.7}.blog-body code{font-family:monospace}.blog-body :not(pre)>code{background:#edf2f7;color:#e53e3e;padding:.15em .4em;border-radius:3px;font-size:.9em}.blog-body blockquote{border-left:4px solid var(--blog-gold);background:#f7fafc;padding:1rem 1rem 1rem 1.25rem;margin-bottom:1.25rem;border-radius:0 4px 4px 0;color:#718096;font-style:italic}.blog-body table{width:100%;border-collapse:collapse;border:1px solid #bfe3e9;font-size:.875rem;margin-bottom:1.25rem}.blog-body th{padding:10px 12px;border:1px solid #2a98a8;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 16px),#36b7c9;color:#fff;font-weight:700;text-align:left;white-space:nowrap}.blog-body td{padding:10px 12px;border:1px solid #bfe3e9}.blog-body tr{border-bottom:1px solid #bfe3e9}.blog-body tr:nth-of-type(2n){background:#f0fafb}@media (max-width:768px){.blog-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.blog-body img{max-width:100%;height:auto;margin:1.5rem auto;display:block;border-radius:8px;box-shadow:0 1px 8px rgba(0,0,0,.1);border:1px solid #e2e8f0}.blog-body hr{margin:2rem 0;border:none;border-top:2px dashed #e2e8f0}.blog-toc{border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.75rem;background:#fff;color:#2b3342;font-size:.95rem;line-height:1.6}.blog-toc-header{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:#2b3342;margin-bottom:.75rem}.blog-toc-icon{width:1.15rem;height:1.15rem;color:#36b7c9;flex-shrink:0}.blog-toc-toggle{font-size:.8rem;font-weight:500;color:#1a73e8;background:none;border:none;padding:0;cursor:pointer}.blog-toc-toggle:hover{text-decoration:underline}nav.blog-toc ol.blog-toc-list{list-style:none;padding:0;margin:0;counter-reset:none}nav.blog-toc ol.blog-toc-list>li{display:flex;align-items:flex-start;gap:.7rem;padding:.35rem 0;margin:0;line-height:1.6;counter-increment:none}nav.blog-toc ol.blog-toc-list>li:before{content:none;background:none;width:auto;height:auto}nav.blog-toc ol.blog-toc-list>li.toc-level-2{padding-left:1.25rem}nav.blog-toc ol.blog-toc-list>li.toc-level-3{padding-left:3.75rem}.blog-toc-badge{display:inline-flex;align-items:center;justify-content:center;background:#36b7c9;color:#fff;font-weight:700;border-radius:999px;line-height:1;flex-shrink:0;margin-top:.1em}.blog-toc-badge-l2{width:1.85rem;height:1.85rem;padding:0;font-size:.85rem}.blog-toc-badge-l3{min-width:2.05rem;height:1.4rem;padding:0 .55rem;font-size:.72rem;font-weight:600}nav.blog-toc a.blog-toc-link{color:#2b3342;text-decoration:none}nav.blog-toc a.blog-toc-link:hover{color:#1a73e8;text-decoration:underline}nav.blog-toc ol.blog-toc-list>li.toc-level-2 a.blog-toc-link{font-weight:700}nav.blog-toc ol.blog-toc-list>li.toc-level-3 a.blog-toc-link{color:#4b5563;font-size:.92rem;font-weight:400}.blog-body .box{border:1px solid #e2e8f0;background:#fff}.blog-body .box,.blog-body .box-info{border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}.blog-body .box-info{border-left:4px solid var(--blog-primary);background:#f0f4fa}.blog-body .box-warning{border-left:4px solid #e8922a;background:#fef9f0}.blog-body .box-tip,.blog-body .box-warning{border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}.blog-body .box-tip{border-left:4px solid var(--blog-gold);background:#faf8f4}.blog-body .box-title{font-weight:700;font-size:1.125rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.blog-body .box-info>.box-title{color:var(--blog-primary)}.blog-body .box-warning>.box-title{color:#c57615}.blog-body .box-tip>.box-title{color:#8b7340}.blog-body .bubble{position:relative;border-radius:12px;padding:1rem;margin-bottom:1rem;max-width:90%;line-height:1.8;font-size:.9375rem}.blog-body .bubble:after{content:"";position:absolute;top:16px;width:0;height:0;border:8px solid transparent}.blog-body .bubble-left{background:#f0f4fa;border:1px solid rgba(66,80,114,.2);margin-left:1rem;margin-right:auto}.blog-body .bubble-left:after{left:-16px;border-right-color:#f0f4fa}.blog-body .bubble-right{background:#faf8f4;border:1px solid rgba(200,173,127,.4);margin-right:1rem;margin-left:auto}.blog-body .bubble-right:after{right:-16px;border-left-color:#faf8f4}.blog-body .bubble-label{font-weight:700;font-size:.75rem;margin-bottom:.25rem;display:block}.blog-body .bubble-left .bubble-label{color:var(--blog-primary)}.blog-body .bubble-right .bubble-label{color:#8b7340}.blog-body .style-caution,.blog-body .style-hint,.blog-body .style-memo,.blog-body .style-success,.blog-body .style-supplement{position:relative;border-radius:8px;padding:1rem 1.25rem 1rem 3rem;margin-bottom:1.25rem;line-height:1.8}.blog-body .style-caution>:last-child,.blog-body .style-hint>:last-child,.blog-body .style-memo>:last-child,.blog-body .style-success>:last-child,.blog-body .style-supplement>:last-child{margin-bottom:0}.blog-body .style-supplement{background:#fff6d6;border:1.5px solid #e5c54a;color:#6c5a17}.blog-body .style-supplement:before{content:"!";position:absolute;left:.85rem;top:1rem;width:1.35rem;height:1.35rem;display:flex;align-items:center;justify-content:center;background:#e5c54a;color:#fff;border-radius:50%;font-weight:700;font-size:.85rem;line-height:1}.blog-body .style-caution{background:#fdecea;border:1.5px solid #e08085;color:#a13c3c}.blog-body .style-caution:before{content:"";position:absolute;left:.85rem;top:1.2rem;width:0;height:0;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-bottom:1.15rem solid #e08085}.blog-body .style-success{background:#e7f6ec;border:1.5px solid #6bc080;color:#2d7a46}.blog-body .style-success:before{content:"✓";position:absolute;left:.85rem;top:1rem;width:1.35rem;height:1.35rem;display:flex;align-items:center;justify-content:center;background:#6bc080;color:#fff;border-radius:50%;font-weight:700;font-size:.8rem;line-height:1}.blog-body .style-memo{background:#fdf5da;border:1.5px solid #cfbf60;color:#5b4d12}.blog-body .style-memo:before{content:"✎";position:absolute;left:.9rem;top:.9rem;font-size:1.25rem;color:#a39023;line-height:1}.blog-body .style-hint{background:#eaf4fb;border:1.5px solid #5a9fd4;color:#2e5d8c}.blog-body .style-hint:before{content:"💡";position:absolute;left:.8rem;top:.95rem;font-size:1rem;filter:saturate(.9);line-height:1}.blog-body .style-heading-fill{background:var(--blog-primary);color:#fff}.blog-body .style-heading-fill,.blog-body .style-heading-soft{font-weight:700;padding:.85rem 1.25rem;border-radius:4px;margin-bottom:1.25rem}.blog-body .style-heading-soft{background:#e5ecf7;color:var(--blog-primary)}.blog-body .style-gray{background:#e8eaed}.blog-body .style-gray,.blog-body .style-stripe{border-radius:4px;padding:1rem 1.25rem;margin-bottom:1.25rem;color:#3e4450}.blog-body .style-stripe{background:repeating-linear-gradient(135deg,#f3f4f6,#f3f4f6 8px,#e2e4e9 0,#e2e4e9 16px)}.blog-body .style-stitch{background:#eaf4fb;border-radius:6px;padding:1rem 1.25rem;margin-bottom:1.25rem;color:var(--blog-primary);outline:1.5px dashed var(--blog-primary);outline-offset:-6px}.blog-body .style-sticky{background:#fff29a;padding:1rem 1.25rem;margin-bottom:1.25rem;box-shadow:3px 4px 10px rgba(0,0,0,.18);border-radius:2px;color:#665512}.blog-body .style-border-1{border:1px solid #c7ccd2;border-radius:4px}.blog-body .style-border-1,.blog-body .style-border-2{background:#fff;padding:1rem 1.25rem;margin-bottom:1.25rem}.blog-body .style-border-2{border:2px solid var(--blog-primary);border-radius:4px;color:var(--blog-primary)}.blog-body .style-box,.blog-body .style-box-titled{position:relative;border:2px solid #36b7c9;border-radius:8px;padding:1rem 1.25rem;margin:1.75rem 0 1.5rem;background:#fff}.blog-body .style-box-titled>:last-child,.blog-body .style-box>:last-child{margin-bottom:0}.blog-body .style-box-titled{padding-top:1.5rem}.blog-body .style-box-title{position:absolute;top:-.85rem;left:1rem;padding:0 .6rem;background:#fff;color:#36b7c9;font-weight:700;font-size:1.0625rem;line-height:1.2;margin:0}.blog-body .balloon-block{display:flex;align-items:flex-start;gap:.9rem;margin:1.25rem 0 1.75rem}.blog-body .balloon-right{flex-direction:row-reverse}.blog-body .balloon-avatar{flex-shrink:0;margin:0;width:68px;display:flex;flex-direction:column;align-items:center;gap:.25rem}.blog-body .balloon-avatar:has(img){width:78px}.blog-body .balloon-avatar img{width:78px;height:78px;margin:0;border-radius:50%;object-fit:contain;border:1.5px solid #c7ccd2;box-shadow:none;display:block;background:#fff}.blog-body .balloon-avatar-default{width:68px;height:68px;display:block;border-radius:50%;border:1.5px solid #c7ccd2;background:#fff url("data:image/svg+xml;utf8,") 50%/72% no-repeat}.blog-body .balloon-avatar figcaption{font-size:.72rem;font-weight:700;color:#2b3342;line-height:1.1;text-align:center;max-width:76px;word-break:break-all}.blog-body .balloon-body{position:relative;flex:1 1;min-width:0;padding:.9rem 1.15rem;border-radius:12px;line-height:1.75}.blog-body .balloon-body>:last-child{margin-bottom:0}.blog-body .balloon-body>:first-child{margin-top:0}.blog-body .balloon-outline .balloon-body{background:#fff;border:1px solid #2b3342;color:var(--blog-text)}.blog-body .balloon-fill .balloon-body{background:var(--blog-primary);border:1px solid var(--blog-primary);color:#fff}.blog-body .balloon-body:after,.blog-body .balloon-body:before{content:"";position:absolute;top:20px;width:0;height:0;border:9px solid transparent}.blog-body .balloon-left .balloon-body:before{left:-18px;border-right-color:#2b3342}.blog-body .balloon-left.balloon-outline .balloon-body:after{left:-17px;border-right-color:#fff}.blog-body .balloon-left.balloon-fill .balloon-body:before{border-right-color:var(--blog-primary)}.blog-body .balloon-left.balloon-fill .balloon-body:after{display:none}.blog-body .balloon-right .balloon-body:before{right:-18px;border-left-color:#2b3342}.blog-body .balloon-right.balloon-outline .balloon-body:after{right:-17px;border-left-color:#fff}.blog-body .balloon-right.balloon-fill .balloon-body:before{border-left-color:var(--blog-primary)}.blog-body .balloon-right.balloon-fill .balloon-body:after{display:none}.blog-body .style-micro-1{display:flex;align-items:center;gap:.75rem;color:#7f8a99;font-size:.85rem;font-style:italic;margin-bottom:1rem}.blog-body .style-micro-1:after,.blog-body .style-micro-1:before{content:"";flex:1 1;height:0;border-top:1px solid #c7ccd2}.blog-body .style-micro-2{width:-moz-fit-content;width:fit-content;background:var(--blog-primary);color:#fff;padding:.35rem 1.2rem;border-radius:999px;font-size:.85rem;margin-bottom:1rem}.blog-body img.img-rounded{border-radius:14px}.blog-body img.img-shadow-sm{border:none;box-shadow:0 2px 6px rgba(0,0,0,.12)}.blog-body img.img-shadow-lg{border:none;box-shadow:0 10px 24px rgba(0,0,0,.22)}.blog-body img.img-border{border:2px solid #c7ccd2;border-radius:4px;box-shadow:none}.blog-body img.img-polaroid{padding:10px 10px 48px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.18);border-radius:2px;border:none}.blog-body img.img-tilt-right{transform:rotate(2deg)}.blog-body img.img-tilt-left{transform:rotate(-2deg)}.blog-body img.img-accent-right{border:none;border-right:6px solid var(--blog-gold);border-radius:4px;box-shadow:none}.blog-body img.img-accent-left{border:none;border-left:6px solid var(--blog-gold);border-radius:4px;box-shadow:none}.blog-body img.img-clip-triangle{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);border:none;border-radius:0;box-shadow:none}.blog-body img.img-clip-diamond{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:none;border-radius:0;box-shadow:none}.blog-body img.img-clip-pentagon{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);border:none;border-radius:0;box-shadow:none}.blog-body img.img-clip-hexagon{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:none;border-radius:0;box-shadow:none}@media (max-width:768px){.blog-body{font-size:1rem}.blog-body h2{font-size:1.125rem}.blog-body .box-title,.blog-body h3{font-size:1rem}.blog-body .bubble{font-size:.875rem}}