.news-article .article-ad-slot{clear:both;margin:34px 0;padding:10px 0 0;border-top:1px solid var(--line,#e4dce8);border-bottom:1px solid var(--line,#e4dce8);text-align:center;background:#faf8fb}
.news-article .article-ad-slot>span{display:block;color:#71667b;text-transform:uppercase;font:600 10px/1.5 system-ui,sans-serif;letter-spacing:.14em}
.article-ad-space{min-height:100px;display:grid;place-items:center}
.article-ad-space:empty::before{content:"Espaço publicitário";font:12px system-ui,sans-serif;color:#8c8296}
.article-extras{clear:both}
.article-discovery{margin:32px 0}
.article-extras h2{font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.25;margin:0 0 18px;letter-spacing:-.015em}
.article-section-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between}
.article-section-heading>a{font-size:.85rem;white-space:nowrap}
.article-discovery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 215px), 1fr));
  gap: 13px;
}
.article-discovery-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--line, #e6dce8);
  border-radius: 14px;
  overflow: hidden;
  background: var(--paper, #fff);
  text-decoration: none;
}
.article-card-media {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  min-width: 0;
  width: 100%;
  height: clamp(128px, 13vw, 156px);
  overflow: hidden;
  background: #f0e7f7;
}
.article-card-media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 38%;
}
.article-card-placeholder {color:#a8638b;font-size:2rem}
.article-card-copy{display:flex;flex:1;flex-direction:column;padding:13px}
.article-card-copy small{font-size:11px;color:#a04470;margin-bottom:6px}
.article-card-copy strong {
  color: var(--text, #272337);
  font-size: .97rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.article-card-read{font-size:.78rem;font-weight:750;color:#a04470;margin-top:auto;padding-top:12px}
.article-game{clear:both;display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;align-items:center;border:1px solid #dbcee9;background:linear-gradient(115deg,#f1e9fc,#fff3e4);border-radius:18px;padding:22px;margin:34px 0}
.article-game .article-game-eyebrow{color:#895581;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.article-game h2{color:#342344;margin:9px 0}
.article-game p{font-size:.94rem;color:#62546e;margin:0 0 16px}
.article-game .article-game-button{display:inline-flex;align-items:center;padding:10px 14px;border-radius:10px;background:#583275;color:white;text-decoration:none;font-size:.88rem;font-weight:800}
.article-game-art{width:100%;height:auto;max-width:130px}
.article-end-nav{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:.88rem;margin:26px 0 16px}
.article-action-status{font-size:.9rem;min-height:1.4em}
.article-discovery-card:hover{border-color:#b98bb8}
.article-discovery-card:focus-visible,.article-game-button:focus-visible{outline:3px solid #925dc1;outline-offset:3px}
@media (max-width: 600px) {
  .article-discovery-grid {grid-template-columns: 1fr}
  .article-discovery-card {display: grid; grid-template-columns: 105px minmax(0, 1fr)}
  .article-card-media {height: 100%; min-height: 108px}
  .article-card-copy {padding: 11px 12px; min-width: 0}
  .article-card-copy strong {font-size: .93rem}
  .article-card-read {padding-top: 8px}
  .article-game {grid-template-columns: minmax(0, 1fr) 80px; padding: 17px}
  .news-article .article-ad-slot {margin: 30px 0}
  .article-ad-space {min-height: 160px}
}
@media (max-width: 360px) {
  .article-game {grid-template-columns: 1fr}
  .article-game-art {display: none}
  .article-discovery-card {grid-template-columns: 80px minmax(0, 1fr)}
}

.article-quick-quiz{min-width:0;margin:0 0 14px;padding:0;border:0}
.article-quick-quiz legend{font-size:.93rem;font-weight:800;color:#342344;padding:0;margin-bottom:9px}
.article-quiz-options{display:flex;gap:7px;flex-wrap:wrap}
.article-quiz-options button{border:1px solid #b39ac9;border-radius:9px;background:#fffafc;color:#342344;padding:7px 11px;font:inherit;font-size:.85rem;cursor:pointer}
.article-quiz-options button:disabled{cursor:default}
.article-quiz-options .article-answer-correct{background:#e2f4e8;border-color:#609373;color:#205635}
.article-quiz-options .article-answer-wrong{background:#fbe5e9;border-color:#b06a80;color:#7b2444}
.article-game .article-quiz-feedback{margin:8px 0 0;color:#342344}
.article-quiz-feedback:empty{display:none}
.article-quiz-options button:focus-visible{outline:3px solid #925dc1;outline-offset:2px}
