.page-layout{max-width:1080px;margin:0 auto;padding:var(--s6) var(--s6) var(--s8);display:grid;grid-template-columns:1fr 300px;gap:var(--s7);align-items:start}.article-main{min-width:0}.article-sidebar{display:flex;flex-direction:column;gap:var(--s5);position:sticky;top:var(--s5)}.sidebar-widget{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--bg)}.widget-header{background:var(--accent);color:#fff;font-family:var(--font-sans);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem .9rem}.widget-list{list-style:none;margin:0;padding:0}.widget-list li{border-bottom:1px solid var(--border)}.widget-list li:last-child{border-bottom:none}.widget-list a{display:flex;align-items:flex-start;gap:var(--s2);padding:.7rem .9rem;font-size:.8rem;color:var(--text-secondary);line-height:1.4;text-decoration:none;transition:background-color .12s}.widget-list a:hover{background:var(--bg-secondary);color:var(--accent);text-decoration:none}.widget-num{font-size:.68rem;font-weight:700;color:var(--accent);min-width:20px;flex-shrink:0;font-family:var(--font-sans);margin-top:1px}.widget-cats{list-style:none;margin:0;padding:.5rem 0}.widget-cats li{border-bottom:1px solid var(--border)}.widget-cats li:last-child{border-bottom:none}.widget-cats a{display:block;padding:.55rem .9rem;font-size:.82rem;color:var(--text-secondary);text-decoration:none;transition:color .12s}.widget-cats a:hover{color:var(--accent);text-decoration:none}.sidebar-author-body{display:flex;align-items:center;gap:var(--s3);padding:.8rem .9rem .5rem}.sidebar-author-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--accent);flex-shrink:0}.sidebar-author-letter{width:56px;height:56px;border-radius:50%;background:var(--accent-light);border:2px solid var(--accent);color:var(--accent);font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-sans)}.sidebar-author-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sidebar-author-name{font-family:var(--font-serif);font-size:.9rem;font-weight:700;color:var(--text);text-decoration:none}.sidebar-author-name:hover{color:var(--accent)}.sidebar-author-role{font-size:.72rem;color:var(--accent);font-family:var(--font-sans);font-weight:600}.sidebar-author-location{font-size:.7rem;color:var(--text-muted);font-family:var(--font-sans)}.sidebar-author-link{display:block;font-size:.72rem;font-family:var(--font-sans);font-weight:600;color:var(--accent);text-decoration:none;padding:.4rem .9rem .75rem}.sidebar-author-link:hover{text-decoration:underline}.sidebar-rec{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--bg)}.sidebar-rec-label{background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-family:var(--font-sans);font-size:.6rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:.28rem .9rem}.sidebar-rec-body{padding:.8rem .9rem}.sidebar-rec-cover{width:100%;border-radius:var(--r-sm);display:block;margin-bottom:var(--s3);box-shadow:var(--shadow-sm)}.sidebar-rec-text{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0 0 var(--s3);font-family:var(--font-sans)}.sidebar-rec-btn{display:block;background:var(--accent);color:#fff;font-family:var(--font-sans);font-size:.8rem;font-weight:700;padding:.55rem .8rem;border-radius:var(--r);text-decoration:none;transition:background-color .15s;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.sidebar-rec-btn:hover{background:var(--accent-dark);text-decoration:none;color:#fff}.sidebar-share .share-buttons{display:flex;flex-direction:column;gap:var(--s2);padding:.7rem .9rem}.share-btn{display:flex;align-items:center;gap:var(--s2);font-size:.82rem;font-weight:600;padding:.55rem .8rem;border-radius:var(--r);text-decoration:none;transition:opacity .15s;min-height:44px;font-family:var(--font-sans)}.share-btn:hover{opacity:.85;text-decoration:none}.share-whatsapp{background:#25d366;color:#fff}.share-copy{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.article-hero{width:100%;min-height:340px;display:flex;align-items:flex-end;background-size:cover;background-position:center;position:relative}.article-hero-inner{width:100%;max-width:1080px;margin:0 auto;padding:var(--s7) var(--s6) var(--s6)}.article-hero-badge-row{margin-bottom:var(--s3)}.article-hero-badge{display:inline-block;background:var(--accent);color:#fff;font-family:var(--font-sans);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .7rem;border-radius:var(--r-sm)}.article-hero-title{font-family:var(--font-serif);font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:700;color:#fff;line-height:1.25;margin:0 0 var(--s4);text-shadow:0 2px 8px rgba(0,0,0,.4);max-width:680px}.article-hero-meta{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;font-family:var(--font-sans);font-size:.82rem;color:#ffffffd9}.article-hero-meta .meta-sep{color:#fff6}.article-breadcrumb{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-sans);font-size:.78rem;color:var(--text-muted);margin-bottom:var(--s5)}.article-breadcrumb a{color:var(--text-muted);text-decoration:none}.article-breadcrumb a:hover{color:var(--accent)}.article-breadcrumb-sep{color:var(--border)}.article-meta{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s6);padding-bottom:var(--s5);border-bottom:1px solid var(--border)}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-light);overflow:hidden;flex-shrink:0}.author-avatar-img{width:100%;height:100%;object-fit:cover;object-position:top}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-family:var(--font-serif);font-size:.9rem;font-weight:700;color:var(--text);text-decoration:none}.author-name:hover{color:var(--accent)}.article-date{font-family:var(--font-sans);font-size:.75rem;color:var(--text-muted)}.article-body{font-family:var(--font-sans)}.article-body h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--text);line-height:1.3;margin:var(--s7) 0 var(--s4);padding-top:var(--s2)}.article-body h3{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--text);margin:var(--s5) 0 var(--s3)}.article-body p{font-size:1rem;line-height:1.82;color:var(--text-secondary);margin:0 0 var(--s4)}.article-body strong{color:var(--text);font-weight:700}.article-body ul,.article-body ol{padding-left:1.4rem;margin:0 0 var(--s4)}.article-body li{font-size:1rem;line-height:1.75;color:var(--text-secondary);margin-bottom:var(--s2)}.article-body blockquote{border-left:3px solid var(--accent);margin:var(--s5) 0;padding:var(--s3) var(--s5);background:var(--bg-secondary);border-radius:0 var(--r) var(--r) 0}.article-body blockquote p{font-size:.97rem;font-style:italic;color:var(--text-secondary);margin:0}.editorial-rec{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;padding:var(--s5) var(--s5);margin:var(--s6) 0}.editorial-rec-label{font-family:var(--font-sans);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s3)}.editorial-rec p{font-size:.92rem;line-height:1.65;color:var(--text-secondary);margin:0 0 var(--s3)!important}.editorial-rec-link{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.85rem;font-weight:700;color:var(--accent);text-decoration:none;transition:color .15s}.editorial-rec-link:hover{color:var(--accent-dark);text-decoration:underline}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent);z-index:200;transition:width .1s linear}@media(max-width:860px){.page-layout{grid-template-columns:1fr;padding:var(--s5) var(--s4) var(--s7);gap:var(--s6)}.article-sidebar{position:static}.article-hero{min-height:260px}.article-hero-inner{padding:var(--s6) var(--s4) var(--s5)}}@media(max-width:520px){.page-layout{padding:var(--s4) var(--s3) var(--s6)}.article-hero{min-height:200px}}