.article{max-width:1180px}
.article-category,.article>h1,.article-excerpt,.article-meta,.article-share,.copy-feedback,.article-cover,.article-listen,.article-content,.article-source,.comments{margin-left:auto;margin-right:auto}
.article-category{display:flex;max-width:920px}
.copy-feedback,.article-source{max-width:920px}
.article>h1{max-width:920px;margin:8px 0 12px;font-size:clamp(2.25rem,4.2vw,4.25rem);line-height:1.02;letter-spacing:-.04em}
.article>h1{margin-left:auto;margin-right:auto}
.article-excerpt{max-width:920px;margin:0 0 18px;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.55;color:#69616e}
.article-excerpt{margin-left:auto;margin-right:auto}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 0 22px;color:#6f6678;font-size:13px}
.article-meta{max-width:920px;margin-left:auto;margin-right:auto}
.article-meta strong{color:var(--red)}.article-meta>*+*{padding-left:14px;border-left:1px solid #ddd8e2}
.article-share{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:920px;margin:0 0 4px}
.article-share a,.article-share button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;box-sizing:border-box;border:0;border-radius:12px;background:#f5f4f6;color:#201c24;text-decoration:none;font:800 13px Montserrat;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.article-share a:hover,.article-share button:hover{transform:translateY(-2px);background:#ece8f0}.article-share svg{width:22px;height:22px;fill:currentColor}
.article-share .share-facebook{color:#1877f2}.article-share .share-whatsapp{color:#08b968}.article-share .share-x{color:#111}.article-share button.copied{background:#e4f8eb;color:#168446}
.copy-feedback{min-height:20px;margin:5px 0 10px;color:#168446;font-size:12px;font-weight:700}
.article-cover{max-width:920px;margin-top:26px;border-radius:14px}.article-listen{margin:18px 0 26px}.article-content{max-width:920px;font-size:clamp(1.02rem,1.45vw,1.15rem);line-height:1.85}
.article-content p{margin:0 0 1.45em}.article-content p:last-child{margin-bottom:0}
.comments{max-width:920px;margin-top:48px;padding-top:0;border:1px solid #e5e1e8;border-radius:18px;overflow:hidden;background:#fff}
.comments-toggle{display:grid;width:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:22px 24px;border:0;background:#fff;text-align:left;cursor:pointer}
.comments-toggle span{color:var(--red);font:900 11px Montserrat;letter-spacing:.13em}.comments-toggle strong{font:900 clamp(1.5rem,3vw,2.4rem) Montserrat;color:#121017}.comments-toggle i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f2eef5;color:#67338a;font:normal 26px/1 Arial}
.comments.is-open .comments-toggle{border-bottom:1px solid #e7e3e9}.comments-panel{padding:22px 24px 26px}.comments-panel[hidden]{display:none}
.comments-panel form{margin-top:0}.comment-list{margin-top:18px}
@media(max-width:680px){
  .article>h1{font-size:clamp(2rem,10vw,3.1rem);line-height:1.02}.article-meta{display:grid;gap:5px}.article-meta>*+*{padding-left:0;border-left:0}
  .article-share{grid-template-columns:repeat(4,1fr);gap:7px}.article-share a,.article-share button{min-height:48px;padding:0}.article-share span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .article-share svg{width:23px;height:23px}.article-content{line-height:1.75}.comments-toggle{grid-template-columns:1fr auto;padding:18px}.comments-toggle span{grid-column:1}.comments-toggle strong{grid-column:1}.comments-toggle i{grid-column:2;grid-row:1/3}.comments-panel{padding:16px}
}
.article .article-share,.article .article-cover,.article .article-listen{margin-left:auto;margin-right:auto}
