.article-page{min-height:100vh;padding:0 0 40px 0}.article-page .container{background:#fff;border-radius:0;padding:20px 40px 60px 40px;margin:8px auto 0 auto;max-width:900px}.article-page .article-page-title{font-size:var(--fs-5xl);line-height:1.3;font-weight:700;color:var(--slate-800);margin-bottom:16px;letter-spacing:-.01em}.article-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:0;border-bottom:none}.article-meta-left{display:flex;align-items:center;gap:16px}.article-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:var(--fs-sm);color:var(--slate-500)}.author-avatar.large{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--slate-500);font-weight:600;font-size:var(--fs-2xl)}.author-avatar-link{display:inline-block;text-decoration:none;transition:transform .2s ease,opacity .2s ease;cursor:pointer}.author-avatar-link:hover{transform:scale(1.05);opacity:.9}.author-avatar-link:active{transform:scale(.98)}.author-meta .author-name{font-weight:700;color:var(--slate-800);font-size:var(--fs-lg)}.author-meta .author-name-link{font-weight:700;color:var(--slate-800);font-size:var(--fs-lg);text-decoration:none;transition:color .2s ease;cursor:pointer}.author-meta .author-name-link:hover{color:var(--blue-500);text-decoration:underline}.author-meta .author-name-link:active{color:var(--blue-650)}.author-meta .author-role{font-size:var(--fs-base);color:var(--slate-500);margin-top:2px}.author-meta{display:flex;flex-direction:column;align-items:flex-start}.author-meta .follow-btn{margin-top:0;padding:0;font-size:var(--fs-base);font-weight:600;background:0 0;border:none;color:var(--blue-500);cursor:pointer;text-decoration:none;transition:color .2s ease;display:block}.author-meta .follow-btn:hover{color:var(--blue-550);text-decoration:none}.author-meta .follow-btn:active{color:var(--blue-650)}.author-meta .follow-btn:focus{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:2px}.author-meta .follow-btn.following{color:var(--slate-500)}.author-meta .follow-btn.following:hover{color:var(--slate-600)}@media (max-width:768px){.author-meta .follow-btn{font-size:var(--fs-sm);margin-top:0}}.article-body{max-width:800px;margin-left:auto;margin-right:auto}.article-section-title{margin:32px 0 20px 0;color:var(--slate-800);font-size:var(--fs-5xl);line-height:1.4;font-weight:600;letter-spacing:-.01em}.article-paragraph{margin:20px 0;color:var(--slate-700);font-size:var(--fs-lg);line-height:1.7;font-weight:400;letter-spacing:.01em}.article-paragraph a{color:var(--blue-600);text-decoration:underline}.article-paragraph a:hover{color:var(--blue-700)}.article-code-block{margin:24px 0;background:var(--slate-100);border:1px solid var(--indigo-200);border-radius:8px;padding:16px;overflow-x:auto;color:var(--slate-900);font-family:SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:var(--fs-md);line-height:1.6;direction:ltr;text-align:left}.article-code-block code{display:block;background:0 0;color:inherit;white-space:pre}.article-hero{margin:32px 0 24px 0;position:relative}.article-hero-image{width:100%;max-width:800px;object-fit:cover;border-radius:12px;display:block;margin-left:auto;margin-right:auto;transition:transform .3s ease,box-shadow .3s ease,opacity .2s;cursor:pointer}.article-hero-image[data-vertical=true],.article-hero-image[style*=max-height]{object-fit:contain!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:650px}.article-hero-image:hover{transform:translateY(-4px)}.article-caption{font-size:var(--fs-base);color:var(--slate-500);margin-top:12px;text-align:center;font-style:italic;max-width:650px;margin-left:auto;margin-right:auto}.article-video-container{max-width:800px;max-height:600px;margin:32px auto 24px auto;border-radius:12px;overflow:hidden}.article-video-container .video-js{width:100%!important;height:100%!important;max-height:600px!important;border-radius:12px}.article-video-container .video-js .vjs-tech{width:100%!important;height:100%!important;object-fit:contain;border-radius:12px}.article-youtube-container{max-width:800px;margin:32px auto 24px auto}.article-youtube-container .youtube-embed-container{width:100%;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px}.article-youtube-container .youtube-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.article-video-thumbnail-wrapper{position:relative;cursor:pointer;display:inline-block;width:100%}.article-video-thumbnail{width:100%;max-width:800px;border-radius:12px;display:block;margin:0 auto}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:none}.video-play-overlay::after{content:'';width:0;height:0;border-left:25px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:5px}.article-video-thumbnail-wrapper:hover .video-play-overlay{background:rgba(70,156,224,.9);transform:translate(-50%,-50%) scale(1.1)}@media (max-width:768px){.article-page .container{padding:16px 20px 40px 20px;margin:0;border-radius:0}.article-page .article-page-title{font-size:var(--fs-3xl)}.article-meta-row{flex-direction:row;align-items:flex-start;gap:12px}.article-meta-left{gap:12px}.article-meta-right{align-items:flex-end;font-size:var(--fs-xs)}.author-avatar.large{width:40px;height:40px;font-size:var(--fs-lg)}.author-meta .author-name,.author-meta .author-name-link{font-size:var(--fs-base)}.article-hero-image{border-radius:0;max-width:100%}.article-hero-image[data-vertical=true]{aspect-ratio:unset;width:100%!important;max-width:100%!important;height:auto!important;max-height:650px!important;object-fit:contain!important}.article-caption{font-size:var(--fs-sm);padding:0 16px}.article-section-title{font-size:var(--fs-3xl);margin:24px 0 16px 0}.article-paragraph{font-size:var(--fs-md);line-height:1.6}.article-code-block{font-size:var(--fs-base);padding:12px;border-radius:0}.article-video-container{border-radius:0;margin:24px 0 16px 0}.article-video-container .video-js,.article-video-container .video-js .vjs-tech{border-radius:0}.article-video-thumbnail{border-radius:0}.article-youtube-container{margin:24px 0 16px 0}.article-youtube-container .youtube-embed-container{border-radius:0}.video-play-overlay{width:60px;height:60px}.video-play-overlay::after{border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}}body.font-size-regular .article-page .article-page-title{font-size:var(--fs-5xl)}body.font-size-medium .article-page .article-page-title{font-size:var(--fs-6xl)}body.font-size-big .article-page .article-page-title{font-size:var(--fs-7xl)}body.font-size-regular .article-section-title{font-size:var(--fs-5xl)}body.font-size-medium .article-section-title{font-size:var(--fs-6xl)}body.font-size-big .article-section-title{font-size:var(--fs-7xl)}body.font-size-regular .article-paragraph{font-size:var(--fs-lg)}body.font-size-medium .article-paragraph{font-size:var(--fs-2xl)}body.font-size-big .article-paragraph{font-size:var(--fs-3xl)}body.font-size-regular .author-meta .author-name,body.font-size-regular .author-meta .author-name-link{font-size:var(--fs-lg)}body.font-size-regular .author-meta .follow-btn{font-size:var(--fs-base)}body.font-size-medium .author-meta .follow-btn{font-size:var(--fs-lg)}body.font-size-big .author-meta .follow-btn{font-size:var(--fs-2xl)}body.font-size-medium .author-meta .author-name,body.font-size-medium .author-meta .author-name-link{font-size:var(--fs-2xl)}body.font-size-big .author-meta .author-name,body.font-size-big .author-meta .author-name-link{font-size:var(--fs-3xl)}body.font-size-regular .article-meta-right{font-size:var(--fs-sm)}body.font-size-medium .article-meta-right{font-size:var(--fs-md)}body.font-size-big .article-meta-right{font-size:var(--fs-xl)}.share-button-top{padding:8px 12px;margin-left:8px}.share-button-top i{font-size:var(--fs-lg)}.share-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.share-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.share-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;max-width:400px;width:90%;max-height:90vh;overflow:hidden}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--slate-200)}.share-modal-header h3{margin:0;font-size:var(--fs-2xl);font-weight:600;color:var(--slate-800)}.share-modal-close{background:0 0;border:none;cursor:pointer;font-size:var(--fs-3xl);color:var(--slate-500);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.share-modal-close:hover{color:var(--slate-800)}.share-modal-body{padding:16px 24px 24px;display:flex;flex-direction:column;gap:12px}.share-option{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:8px;cursor:pointer;transition:all .2s;font-size:var(--fs-md);color:var(--slate-700);text-align:left}.share-option:hover{background:var(--slate-100);border-color:var(--slate-300);transform:translateY(-1px)}.share-option i{font-size:var(--fs-3xl);width:24px;text-align:center}.share-option[data-platform=twitter] i{color:var(--black)}.share-option[data-platform=facebook] i{color:#1877f2}.share-option[data-platform=whatsapp] i{color:#25d366}.share-option[data-platform=linkedin] i{color:#0a66c2}.share-option[data-platform=copy] i{color:var(--slate-500)}@keyframes fadeInOut{0%,100%{opacity:0;transform:translateX(-50%) translateY(10px)}10%,90%{opacity:1;transform:translateX(-50%) translateY(0)}}.follow-gate-overlay{position:fixed;inset:0;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:center;z-index:2000}.follow-gate-modal{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:32px 24px;max-width:360px;width:90%}.follow-gate-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.follow-gate-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.follow-gate-avatar-initials{color:var(--slate-500);font-size:var(--fs-6xl);font-weight:600;text-transform:uppercase}.follow-gate-author-name{font-size:1.2rem;font-weight:600}.follow-gate-message{color:var(--color-muted,var(--gray-500));font-size:.95rem;margin:0}.follow-gate-actions{display:flex;gap:32px;margin-top:8px}.follow-gate-btn{background:0 0;border:none;cursor:pointer;font-size:var(--fs-lg);font-weight:700;padding:0;text-decoration:none;font-family:inherit}.follow-gate-cancel{color:var(--color-muted,var(--gray-500))}.follow-gate-follow{color:var(--color-primary,var(--indigo-600))}.follow-gate-btn:hover{opacity:.75}@media (max-width:768px){.share-button-top{padding:6px 10px}.share-modal-content{width:95%;max-width:none}.share-modal-header{padding:16px 20px}.share-modal-body{padding:12px 20px 20px}}