.blog-post-sidebar{display:flex;flex-direction:column;gap:var(--ds-spacing-6);position:sticky;top:24px;align-self:flex-start;max-height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;padding-bottom:var(--ds-spacing-4);scrollbar-width:thin;scrollbar-color:rgba(0,198,198,.3) transparent}.blog-post-sidebar::-webkit-scrollbar{width:6px}.blog-post-sidebar::-webkit-scrollbar-track{background:transparent}.blog-post-sidebar::-webkit-scrollbar-thumb{background:#00c6c64d;border-radius:3px;transition:background .2s ease}.blog-post-sidebar::-webkit-scrollbar-thumb:hover{background:#00c6c680}.sidebar-section{background:var(--ds-color-bg-primary);border:1px solid rgba(0,0,0,.06);border-radius:var(--ds-border-radius-lg);padding:var(--ds-spacing-4)}.sidebar-section:last-child{flex-shrink:0;margin-bottom:0}.sidebar-title{font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-spacing-3) 0}.author-card{display:flex;gap:var(--ds-spacing-3);align-items:flex-start}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--ds-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.author-avatar--has-image{background:transparent}.author-avatar-img{width:100%;height:100%;object-fit:cover}.author-info{flex:1}.author-name{font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-spacing-1) 0}.author-role{font-size:var(--ds-font-size-xs);color:var(--ds-color-primary);font-weight:var(--ds-font-weight-medium);margin:0 0 var(--ds-spacing-1) 0}.author-bio{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-secondary);line-height:1.5;margin:0}.post-info-list{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}.info-item{display:flex;align-items:flex-start;gap:var(--ds-spacing-3)}.info-item svg{color:var(--ds-color-text-secondary);flex-shrink:0;margin-top:2px}.info-content{display:flex;flex-direction:column;gap:var(--ds-spacing-1);min-width:0}.info-label{font-size:var(--ds-font-size-xs);color:var(--ds-color-text-secondary);font-weight:var(--ds-font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-primary);font-weight:var(--ds-font-weight-medium)}.category-link{color:var(--ds-color-primary);text-decoration:none;transition:var(--ds-transition-base)}.category-link:hover{color:var(--ds-color-primary-dark);text-decoration:underline}.tags-list{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-2)}.tag-item{display:inline-block;padding:var(--ds-spacing-1) var(--ds-spacing-3);border-radius:var(--ds-border-radius-full);border:1px solid;text-decoration:none;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);transition:var(--ds-transition-base);cursor:pointer}.tag-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.related-posts{display:flex;flex-direction:column;gap:var(--ds-spacing-3)}.related-post{border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:var(--ds-spacing-3)}.related-post:last-child{border-bottom:none;padding-bottom:0}.related-post-link{text-decoration:none;display:block;transition:var(--ds-transition-base)}.related-post-link:hover{transform:translate(4px)}.related-post-title{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-primary);line-height:1.4;margin:0 0 var(--ds-spacing-1) 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-link:hover .related-post-title{color:var(--ds-color-primary)}.related-post-meta{display:flex;gap:var(--ds-spacing-2);font-size:var(--ds-font-size-xs);color:var(--ds-color-text-secondary)}.reading-tools{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}.tool-item{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-spacing-3);background:#00c6c605;border:1px solid rgba(0,198,198,.1);border-radius:var(--ds-border-radius-md);transition:var(--ds-transition-base)}.tool-item:hover{background:#00c6c60d;border-color:#00c6c633}.tool-info{display:flex;align-items:center;gap:var(--ds-spacing-2)}.tool-label{font-size:var(--ds-font-size-sm);color:var(--ds-color-text);font-weight:var(--ds-font-weight-medium)}.tool-info svg{color:var(--ds-color-primary);flex-shrink:0}.font-controls{display:flex;align-items:center;gap:var(--ds-spacing-2)}.font-btn{width:28px;height:28px;border:1px solid rgba(0,198,198,.3);background:#00c6c61a;color:var(--ds-color-primary);border-radius:var(--ds-border-radius-sm);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold);cursor:pointer;transition:var(--ds-transition-base);display:flex;align-items:center;justify-content:center}.font-btn:hover{background:var(--ds-color-primary);color:#fff}.font-size-display{font-size:var(--ds-font-size-xs);color:var(--ds-color-text-secondary);font-weight:var(--ds-font-weight-medium);min-width:32px;text-align:center}.action-btn{padding:var(--ds-spacing-1) var(--ds-spacing-3);border:1px solid var(--ds-color-primary);background:transparent;color:var(--ds-color-primary);border-radius:var(--ds-border-radius-sm);font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-medium);cursor:pointer;transition:var(--ds-transition-base)}.action-btn:hover{background:var(--ds-color-primary);color:#fff}.action-btn.active{background:var(--ds-color-danger);border-color:var(--ds-color-danger);color:#fff}.action-btn.active:hover{background:var(--ds-color-danger-dark);border-color:var(--ds-color-danger-dark)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#0003;transition:var(--ds-transition-base);border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--ds-transition-base);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--ds-color-primary)}input:checked+.slider:before{transform:translate(20px)}input:focus+.slider{outline:2px solid var(--ds-color-primary);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.newsletter-section{background:linear-gradient(135deg,#eff6ffcc,#ffffff80);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:32px;text-align:center;position:relative;overflow:visible;flex-shrink:0;min-height:200px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006,inset 0 0 0 1px #ffffff80}.newsletter-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ds-color-primary),#0ea5e9);border-radius:16px 16px 0 0}.newsletter-section .sidebar-title{color:#1e293b;margin-bottom:12px;font-size:1.25rem}.newsletter-description{font-size:.95rem;line-height:1.6;margin:0 0 24px;color:#64748b}.newsletter-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--ds-color-primary);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #00c6c64d;min-height:48px}.newsletter-btn:hover{background:var(--ds-color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 10px -2px #00c6c666}.back-to-top-btn{display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-2);width:100%;background:none;border:1px solid rgba(0,0,0,.1);color:var(--ds-color-text-secondary);padding:var(--ds-spacing-3);border-radius:var(--ds-border-radius-md);font-size:var(--ds-font-size-sm);cursor:pointer;transition:var(--ds-transition-base)}.back-to-top-btn:hover{background:#00c6c60d;border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.focus-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease!important}body.focus-mode .blog-post-main{max-width:800px!important;margin:0 auto!important;padding:var(--ds-spacing-8) var(--ds-spacing-6)!important}body.focus-mode .blog-post-layout{display:block!important}body.focus-mode .blog-post-sidebar{position:fixed!important;top:50%!important;right:-300px!important;transform:translateY(-50%)!important;transition:right .3s ease!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:var(--ds-border-radius-lg)!important;padding:var(--ds-spacing-4)!important;box-shadow:0 8px 32px #0000001a!important;z-index:1000!important}body.focus-mode .blog-post-sidebar:hover{right:var(--ds-spacing-4)!important}body.focus-mode:before{content:"💡Pressione ESC para sair do modo foco";position:fixed;top:var(--ds-spacing-4);left:50%;transform:translate(-50%);background:#00c6c6e6;color:#fff;padding:var(--ds-spacing-2) var(--ds-spacing-4);border-radius:var(--ds-border-radius-full);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);z-index:9999;animation:focusHintFadeIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00c6c64d}@keyframes focusHintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.blog-post-sidebar{gap:var(--ds-spacing-4);position:static;max-height:none;overflow-y:visible}.sidebar-section{padding:var(--ds-spacing-3)}.author-card{gap:var(--ds-spacing-2)}.author-avatar{width:40px;height:40px}}
