.blog-post{background-color:#fff;min-height:100vh;padding:2rem 1rem 4rem}.blog-post__container{max-width:800px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;padding:2rem}.blog-post__header{margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem}.blog-post__title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;line-height:1.3}.blog-post__date{display:block;font-size:.9rem;color:#666}.blog-post__image-wrapper{margin:0 0 2rem}.blog-post__image{width:100%;height:auto;border-radius:6px;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000f}.blog-post__content{font-size:1.05rem;line-height:1.75;color:#333}.blog-post__content p{margin:0 0 1.25rem}.blog-post__content p:last-child{margin-bottom:0}.blog-post__content iframe{display:block;width:100%;aspect-ratio:16 / 9;border:none;margin:1.5rem 0}@media (max-width: 768px){.blog-post{padding:1rem .5rem 2rem}.blog-post__container{padding:1.25rem;border-radius:0;box-shadow:none}.blog-post__title{font-size:1.5rem}.blog-post__content{font-size:1rem}}.blog-post__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.blog-post__actions-sep{color:#d1d5db;font-size:.9rem;line-height:1}.blog-post__share-label{font-size:.82rem;color:#6b7280;font-weight:500}.blog-post__share-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;border:1px solid transparent;border-radius:4px;cursor:pointer;text-decoration:none;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:filter .15s ease}.blog-post__share-btn:active{filter:brightness(.88)}.blog-post__share-btn--wa{background:#25d366;color:#fff}.blog-post__share-btn--wa:hover{background:#1ebe5d;color:#fff}.blog-post__share-btn--tg{background:#229ed9;color:#fff}.blog-post__share-btn--tg:hover{background:#1a8fc4;color:#fff}.blog-post__share-btn--x{background:#000;color:#fff}.blog-post__share-btn--x:hover{background:#222;color:#fff}.blog-post__share-btn--copy{background:#fff;color:#374151;border-color:#d1d5db}.blog-post__share-btn--copy:hover{background:#f3f4f6;border-color:#9ca3af}.blog-post__share-feedback{font-size:.8rem;color:#166534;animation:share-feedback-in .2s ease}@keyframes share-feedback-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.blog-post__views{display:inline-flex;align-items:center;gap:4px;color:#9ca3af;-webkit-user-select:none;user-select:none}.blog-post__views-icon{flex-shrink:0;color:#9ca3af}.blog-post__views-count{font-size:.8rem;color:#9ca3af;min-width:1ch}.blog-post__content .blog-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:1.5rem 0}.blog-post__content .blog-gallery__item{position:relative;overflow:hidden;border-radius:6px;cursor:zoom-in;aspect-ratio:1 / 1;background:#e9edf2}.blog-post__content .blog-gallery__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:32px;opacity:0;transition:opacity .18s ease,background-color .18s ease;pointer-events:none}.blog-post__content .blog-gallery__item:hover:after{background-color:#00000052;opacity:1}.blog-post__content .blog-gallery__item .blog-gallery__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;margin:0}.blog-post__content .blog-gallery>img.blog-gallery__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px;display:block;cursor:zoom-in}.blog-post__content img:not(.blog-gallery__img){cursor:zoom-in}@media (max-width: 1024px){.blog-post__content .blog-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.blog-post__content .blog-gallery{grid-template-columns:repeat(2,1fr);gap:5px}}@media (hover: none){.blog-post__content .blog-gallery__item:before{content:"";position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;background:#00000073 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;pointer-events:none}}.blog-post__content [data-youtube-video]{margin:1.5rem 0}.blog-post__content [data-youtube-video] iframe{width:100%;aspect-ratio:16 / 9;height:auto;border:none;border-radius:6px;display:block}.lb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;animation:lb-fade .2s ease}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lb-panel{position:relative;display:flex;align-items:center;justify-content:center}.lb-img{max-width:min(90vw,1200px);max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:4px;display:block;box-shadow:0 24px 80px #0009;animation:lb-img-in .18s ease}@keyframes lb-img-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;padding:0 0 2px}.lb-arrow:hover{background:#ffffff42}.lb-arrow--prev{left:-64px}.lb-arrow--next{right:-64px}.lb-counter{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);color:#ffffffa6;font-size:13px;font-family:system-ui,sans-serif;white-space:nowrap;-webkit-user-select:none;user-select:none}.lb-close{position:absolute;top:-48px;right:0;width:38px;height:38px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.lb-close:hover{background:#ffffff42}@media (max-width: 640px){.lb-backdrop{padding:8px}.lb-img{max-width:100vw;max-height:72vh}.lb-arrow{top:auto;bottom:-52px;transform:none;width:44px;height:44px;font-size:24px}.lb-arrow--prev{left:calc(50% - 54px);right:auto}.lb-arrow--next{right:calc(50% - 54px);left:auto}.lb-counter{bottom:-54px;font-size:12px}.lb-close{top:-44px;width:34px;height:34px;font-size:15px}}.note-box{padding:1rem;border:1px solid #ddd;border-radius:12px;background:#f8f8f8;margin:1rem 0}.cta-box{padding:1.25rem;border-radius:14px;background:#f3f6fb;border:1px solid #d7e3f4;text-align:center;font-weight:600;margin:1.5rem 0}.section-title-highlight{border-left:4px solid #222;padding-left:.75rem}.btn-primary{display:inline-block;padding:.75rem 1.25rem;background:#111;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:opacity .2s ease}.btn-primary:hover{opacity:.9}.btn-secondary{display:inline-block;padding:.75rem 1.25rem;background:#f3f6fb;color:#111;text-decoration:none;border:1px solid #d7e3f4;border-radius:10px;font-weight:600;transition:background .2s ease}.btn-secondary:hover{background:#e9f0fa}@media (max-width: 768px){.note-box,.cta-box{padding:.9rem;border-radius:10px}.btn-primary,.btn-secondary{width:100%;text-align:center}}