.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}@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}.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}}