/* Leitura editorial: identidade Agencies com cores por função. */
.article-heading h1,.article-body h2,.related h2{color:#cbff53}
.article-heading h1 em{color:#cbff53}
.reading{align-items:start;gap:clamp(24px,5vw,72px)}
.reading .article-body{min-width:0;max-width:760px;font-size:18px;line-height:1.85;color:#dce2e5;overflow-wrap:anywhere}
.article-body>p{margin:0 0 1.5em}
.article-body>p:first-child{font-size:1.16em;color:#f3f6f8;line-height:1.7;border-left:3px solid #cbff53;padding-left:24px;margin-bottom:36px}
.article-body>h2{font-size:clamp(25px,3vw,34px);line-height:1.22;color:#cbff53;margin:56px 0 24px;padding-top:24px;border-top:1px solid #303a40;scroll-margin-top:30px}
.article-body>h2::before{content:'';display:block;background:#cbff53;width:36px;height:3px;margin-bottom:18px}
.article-body h3{color:#d5b5ff;line-height:1.35;margin:30px 0 18px}
.article-body strong{color:#f7f8fa;font-weight:700}
.article-body p a,.article-body li a,.article-body td a,.toc a{color:#80d9ff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.article-body p a strong,.article-body li a strong{color:inherit}
.article-body a:hover,.toc a:hover{color:#cbff53}
.article-body li{margin-bottom:12px;padding-left:5px}
.article-body li::marker{color:#cbff53}
.article-body blockquote,.article-body .editorial-tip{background:#1c1726;border-left:3px solid #c6a0fa;padding:24px 28px;margin:36px 0;color:#ece3fb}
.article-body .editorial-tip strong{display:block;color:#d5b5ff;margin-bottom:8px}
.article-body .editorial-tip p{margin:0}
.article-body .inline-reading{display:block;background:#111e28;border:1px solid #2c4658;border-left:3px solid #91cfff;padding:24px 28px;margin:40px 0;text-decoration:none;color:#eef6ff;transition:border-color .2s}
.article-body .inline-reading:hover{border-color:#91cfff}
.article-body .inline-reading small{display:block;color:#a4d9ff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.article-body .inline-reading strong{display:block;font-family:var(--heading);font-size:23px;line-height:1.35;color:#80d9ff}
.article-body .inline-reading span{display:block;color:#a4d9ff;font-size:14px;margin-top:12px}
.article-body figure{margin:36px 0}.article-body figcaption{font-size:13px;color:#b1bdc5;margin-top:10px}
.article-body table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:15px}
.article-body th,.article-body td{padding:16px;border:1px solid #37434b;text-align:left;min-width:130px}
.article-body th{background:#202b20;color:#d6ff8c}
.toc{background:#10171c;border:1px solid #303b42;padding:20px}.toc summary{color:#cbff53}.toc a{line-height:1.5}
@media(min-width:1001px){.reading{grid-template-columns:340px minmax(0,760px)}}
@media(min-width:761px){.reading>aside{position:sticky;top:26px;align-self:start}.toc{position:static}.article-heading{margin-inline:auto;text-align:center}.article-heading .meta{justify-content:center}}
@media(max-width:1000px) and (min-width:761px){.reading{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:700px){.reading .article-body{font-size:17px;line-height:1.8}.article-body>p:first-child{padding-left:16px;font-size:19px}.article-body .inline-reading,.article-body .editorial-tip{padding:20px}.article-body .inline-reading strong{font-size:21px}.article-body>h2{margin-top:40px}.reading{display:block}.reading>aside{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.article-body .inline-reading{transition:none}}

/* Article promotions and affiliate cards — 2026-09-17 */
.article-body .promo h2,.article-body .promo h3,.article-body .promo strong{color:#10140b}
.article-body .promo p,.article-body .promo small{color:#263216}
.article-body .promo a.button{background:#10140b;color:#fff;text-decoration:none}
.article-body .promo a.button:hover,.article-body .promo a.button:focus-visible{background:#25321c;color:#fff}
.article-body a.button,.article-body a.button:visited{background:#cbff53;color:#10140b;text-decoration:none}
.article-body a.button:hover,.article-body a.button:focus-visible{background:#e6ff99;color:#10140b}
.article-body a.button strong,.article-body a.button span{color:inherit}
.journal-products{display:grid;gap:18px;margin-top:22px}
.journal-product{display:block;border:1px solid #405463;background:#10222e;color:#fff;text-decoration:none;overflow:hidden;border-radius:8px}
.journal-product-webcam{background:#251e35;border-color:#514469}
.journal-product .product-kicker{display:block;padding:12px 16px;font:9px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#d4dee5}
.journal-product img{display:block;width:100%;height:142px;object-fit:contain;background:#f4f5f6;padding:12px;box-sizing:border-box}
.journal-product .product-copy{display:block;padding:16px}
.journal-product small{display:block;font-size:12px;color:#aadfff;margin-bottom:6px}
.journal-product-webcam small{color:#d5b5ff}
.journal-product strong{display:block;font-family:var(--heading);font-size:21px;line-height:1.25;color:#fff}
.journal-product .product-action{display:block;margin-top:16px;padding-top:12px;border-top:1px solid #52616e;color:#cbff53;font-size:13px;font-weight:700}
.journal-product:hover,.journal-product:focus-visible{border-color:#cbff53;outline:2px solid #cbff53;outline-offset:2px}
.journal-products-disclosure{display:block;color:#aebbc4;font-size:11px;line-height:1.6}
@media(min-width:761px){.reading>aside{max-height:calc(100dvh - 52px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#52616e #10171c;padding:3px}}
@media(max-width:760px){.reading>aside{position:static;max-height:none;overflow:visible}.journal-products{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}.journal-products-disclosure{grid-column:1/-1}.journal-product strong{font-size:18px}}
@media(max-width:480px){.journal-products{grid-template-columns:1fr}.journal-product img{height:170px}}
