/* ════════════════════════════════════════════════════════════════════════
   ESTÚDIO DE REDAÇÃO — camada "premium" (mesma linguagem da home da Orca)
   Carregado DEPOIS de styles.css. Tudo escopado em #redacaoArea para vencer as
   camadas antigas sem mexer nelas. Linguagem: off-white com vinheta e grão,
   Clash Display editorial, tinta monocromática, vidro claro com elevação em
   3 camadas, mola nas interações.
   ════════════════════════════════════════════════════════════════════════ */
#redacaoArea {
  --rs-ink: #141414;
  --rs-ink-2: #2e2e2e;
  --rs-muted: rgba(20, 20, 20, 0.58);
  --rs-faint: rgba(20, 20, 20, 0.38);
  --rs-line: rgba(20, 20, 20, 0.08);
  --rs-line-2: rgba(20, 20, 20, 0.14);
  --rs-glass: #fff;
  --rs-glass-2: rgba(255, 255, 255, 0.9);
  --rs-r: 26px;
  --rs-r-sm: 16px;
  --rs-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 10px 24px -12px rgba(0, 0, 0, 0.12),
    0 34px 70px -34px rgba(0, 0, 0, 0.22);
  --rs-shadow-hi:
    0 2px 4px rgba(0, 0, 0, 0.06),
    0 18px 36px -14px rgba(0, 0, 0, 0.18),
    0 50px 90px -38px rgba(0, 0, 0, 0.32);
  --rs-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --rs-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* Mesma vinheta da home: centro branco, bordas prata. */
  background:
    radial-gradient(60% 50% at 62% 18%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 70%),
    radial-gradient(122% 98% at 55% 38%, #ffffff 0%, #fbfbfb 34%, #f3f3f3 68%, #e4e4e4 100%) !important;
}

/* Grão de filme da home (multiply bem sutil) — some no celular. */
#redacaoArea::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.055 !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") !important;
  background-size: 170px 170px !important;
  mix-blend-mode: multiply;
}
@media (max-width: 768px) {
  #redacaoArea::after { display: none !important; }
}
.perf-lite #redacaoArea::after { display: none !important; }

/* Marca d'água da seção (HOME, TREINAR…) — idêntica ao wordmark "ORCA" da home,
   ancorada embaixo e dissolvendo para cima do rodapé. */
#redacaoArea .redacao-watermark {
  display: none !important;
}
#redacaoArea .redacao-watermark span {
  display: block !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(6rem, 19vw, 20rem) !important;
  letter-spacing: -0.045em !important;
  line-height: 0.8 !important;
  color: rgba(20, 20, 20, 0.05) !important;
  transform: translateY(18%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 30%, rgba(0, 0, 0, 0.35) 70%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 30%, rgba(0, 0, 0, 0.35) 70%, transparent 100%) !important;
}

/* ── Tipografia ─────────────────────────────────────────────────────────── */
#redacaoArea,
#redacaoArea button,
#redacaoArea input,
#redacaoArea textarea,
#redacaoArea select,
#redacaoArea label {
  font-family: var(--font-sans);
}

/* ════════════════════════════════════════════════════════════════════════
   LATERAL — painel contínuo no desktop
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width: 861px) {
  #redacaoArea .redacao-side {
    flex: 0 0 268px !important;
    align-self: stretch !important;
    min-height: 100dvh;
    gap: 1.25rem !important;
    padding: 1.6rem 1.05rem 1.1rem !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  #redacaoArea .redacao-side::after {
    background:
      linear-gradient(180deg, rgba(12, 14, 18, 0.35) 0%, rgba(12, 14, 18, 0.62) 46%, rgba(12, 14, 18, 0.86) 100%) !important;
  }
  #redacaoArea .redacao-side__brand {
    padding: 0.1rem 0.55rem !important;
  }
  #redacaoArea .redacao-side__mark {
    width: 46px !important;
    height: 46px !important;
  }
  #redacaoArea .redacao-side__eyebrow {
    display: none !important;
  }

  #redacaoArea .redacao-side__nav {
    gap: 0.3rem !important;
  }
  #redacaoArea .redacao-side__item {
    padding: 0.82rem 0.95rem !important;
    border-radius: 0 !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    color: rgba(255, 255, 255, 0.62) !important;
    transition: color 0.3s ease, transform 0.35s var(--rs-spring) !important;
  }
  #redacaoArea .redacao-side__item::after {
    content: none !important;
  }
  #redacaoArea .redacao-side__item:not([data-state="active"]):hover {
    background: rgba(255, 255, 255, 0.07) !important;
    color: #fff !important;
    transform: translateX(3px);
  }
  #redacaoArea .redacao-side__item[data-state="active"] {
    color: var(--rs-ink) !important;
  }
  #redacaoArea .redacao-side__item svg { width: 19px !important; height: 19px !important; }
  #redacaoArea .redacao-side__glider {
    width: 100% !important;
    border-radius: 0 !important;
  }
  #redacaoArea .redacao-side__glider::before { display: none !important; }

  #redacaoArea .redacao-side__stat {
    display: none !important;
  }
  #redacaoArea .redacao-side__stat[hidden] { display: none; }
}
#redacaoArea .redacao-side__stat-k {
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.46);
}
#redacaoArea .redacao-side__stat-v {
  font-family: var(--font-display);
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
}
#redacaoArea .redacao-side__stat-v i {
  margin-left: 0.2rem;
  font-style: normal;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.45);
}
#redacaoArea .redacao-side__stat-bar {
  position: relative;
  height: 4px;
  margin: 0.3rem 0 0.1rem;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}
#redacaoArea .redacao-side__stat-bar i {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--p, 0%);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.55), #fff);
  animation: rsBar 1.1s var(--rs-expo) both 0.2s;
}
@keyframes rsBar { from { width: 0; } }
#redacaoArea .redacao-side__stat-s {
  font-size: 0.78rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.58);
}
@media (max-width: 860px) {
  #redacaoArea .redacao-side__eyebrow,
  #redacaoArea .redacao-side__stat { display: none !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   BOTÕES — pílula preta com seta que desliza; ghost em vidro
   ════════════════════════════════════════════════════════════════════════ */
#redacaoArea .redacao-btn {
  gap: 0.55rem;
  letter-spacing: -0.005em !important;
}
#redacaoArea .redacao-btn--primary {
  background: linear-gradient(180deg, #2a2a2a 0%, #141414 60%, #0b0b0b 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 1px 2px rgba(0, 0, 0, 0.2),
    0 12px 26px -10px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.35s var(--rs-spring), box-shadow 0.25s ease !important;
}
#redacaoArea .redacao-btn--primary:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 2px 4px rgba(0, 0, 0, 0.2),
    0 18px 34px -12px rgba(0, 0, 0, 0.55) !important;
}
#redacaoArea .redacao-btn--primary:active { transform: translateY(0) scale(0.98) !important; }
#redacaoArea .redacao-btn .rs-arrow {
  transition: transform 0.35s var(--rs-spring);
}
#redacaoArea .redacao-btn .rs-paper-pen {
  display: block;
  flex: 0 0 auto;
  align-self: center;
}
#redacaoArea .redacao-btn:hover .rs-arrow { transform: translateX(4px); }
#redacaoArea .redacao-btn--ghost {
  background: rgba(255, 255, 255, 0.66) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--rs-line-2) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#redacaoArea .redacao-btn--ghost:hover {
  background: #fff !important;
  border-color: rgba(20, 20, 20, 0.24) !important;
}
#redacaoArea .redacao-btn--ghost[aria-pressed="true"] {
  background: var(--rs-ink) !important;
  color: #fff !important;
  border-color: var(--rs-ink) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   HOME do estúdio — hero editorial + bento
   ════════════════════════════════════════════════════════════════════════ */
#redacaoArea .rs-home {
  max-width: 1120px !important;
  width: 100%;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left !important;
  gap: clamp(2rem, 5vh, 3.4rem);
  padding: clamp(0.5rem, 3vh, 2rem) 0 2rem !important;
}
#redacaoArea .rs-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#redacaoArea .rs-home .redacao-home__h {
  max-width: 15ch !important;
  margin: 0 auto 1.4rem !important;
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  font-size: clamp(2.6rem, 6.4vw, 5.6rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  color: var(--rs-ink) !important;
  text-wrap: balance;
}
#redacaoArea .rs-home .redacao-home__word.rs-em > span {
  font-weight: 400;
  color: rgba(20, 20, 20, 0.34);
}
#redacaoArea .rs-home .redacao-home__sub {
  max-width: 54ch !important;
  margin: 0 auto 2.1rem !important;
  font-size: clamp(1rem, 1.25vw, 1.14rem) !important;
  line-height: 1.6 !important;
  color: var(--rs-muted) !important;
}
#redacaoArea .rs-home .redacao-home__actions .redacao-btn {
  min-height: 52px !important;
  padding: 0.85rem 1.7rem !important;
  font-size: 0.98rem !important;
}
#redacaoArea .rs-home .rs-cta { padding-right: 1.35rem !important; }

/* Faixa de logos: linha contínua da direita para a esquerda, sempre em cinza,
   sem contorno nem fundo. Cada logo abre o site oficial da banca. */
#redacaoArea .rs-bancas {
  width: 100vw;
  max-width: 100%;
  margin-top: 2.6rem;
  opacity: 0;
  animation: redacaoHomeFade 0.8s var(--ease-out) forwards;
  animation-delay: calc(0.45s + var(--words, 8) * 0.075s);
}
#redacaoArea .rs-marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
}
#redacaoArea .rs-marquee__track {
  display: flex;
  width: max-content;
  animation: rsMarquee 38s linear infinite;
  will-change: transform;
}
#redacaoArea .rs-marquee:hover .rs-marquee__track { animation-play-state: paused; }
#redacaoArea .rs-marquee__group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
@keyframes rsMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
#redacaoArea .rs-logo {
  display: block;
  flex: 0 0 auto;
  /* caixa igual para todas: logos de formatos diferentes ocupam o mesmo espaço */
  width: clamp(120px, 11vw, 168px);
  height: 64px;
  margin: 0 clamp(1.2rem, 2.6vw, 2.8rem);
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  outline-offset: 6px;
}
#redacaoArea .rs-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  user-select: none;
  -webkit-user-drag: none;
}
#redacaoArea .rs-logo img.is-ready { opacity: 0.62; }
@media (max-width: 560px) {
  #redacaoArea .rs-logo { width: 104px; height: 50px; margin: 0 1.1rem; }
  #redacaoArea .rs-marquee__track { animation-duration: 30s; }
}

html.redacao-seen-home #redacaoArea .rs-bancas,
html.redacao-seen-home #redacaoArea .rs-card {
  animation: none !important;
  opacity: 1 !important;
  translate: none;
}

/* Bento */
#redacaoArea .rs-bento {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}
#redacaoArea .rs-card {
  --mx: 50%;
  --my: 0%;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
  padding: 1.35rem 1.4rem 1.4rem;
  text-align: left;
  font: inherit;
  color: var(--rs-ink);
  background: var(--rs-glass);
  -webkit-backdrop-filter: blur(22px) saturate(1.4);
  backdrop-filter: blur(22px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: var(--rs-r);
  box-shadow: var(--rs-shadow), inset 0 0 0 1px var(--rs-line);
  opacity: 0;
  translate: 0 18px;
  animation: rsCardIn 0.9s var(--rs-expo) forwards;
}
#redacaoArea .rs-card:nth-child(1) { grid-column: span 7; animation-delay: 0.55s; }
#redacaoArea .rs-card:nth-child(2) { grid-column: span 5; animation-delay: 0.63s; }
#redacaoArea .rs-card:nth-child(3) { grid-column: span 6; animation-delay: 0.71s; }
#redacaoArea .rs-card:nth-child(4) { grid-column: span 6; animation-delay: 0.79s; }
@keyframes rsCardIn { to { opacity: 1; translate: 0 0; } }

#redacaoArea .rs-card--link { cursor: pointer; }

#redacaoArea .rs-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}
#redacaoArea .rs-card__k {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--rs-faint);
}
#redacaoArea .rs-card__tag {
  padding: 0.25rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--rs-muted);
  background: rgba(20, 20, 20, 0.045);
  border-radius: 999px;
}
#redacaoArea .rs-card__muted {
  margin: 0;
  max-width: 40ch;
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--rs-muted);
}
#redacaoArea .rs-card__big {
  font-family: var(--font-display);
  font-size: clamp(2.6rem, 4.6vw, 3.6rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-top: 0.4rem;
}
#redacaoArea .rs-card__go {
  position: absolute;
  top: 1.15rem;
  right: 1.15rem;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #fff;
  background: var(--rs-ink);
  box-shadow: 0 8px 18px -8px rgba(0, 0, 0, 0.55);
  transform: rotate(-45deg);
}

/* KPIs + curva de evolução */
#redacaoArea .rs-kpis {
  display: flex;
  align-items: flex-end;
  gap: clamp(1rem, 3vw, 2.2rem);
}
#redacaoArea .rs-kpi { display: flex; flex-direction: column; gap: 0.25rem; }
#redacaoArea .rs-kpi b {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
#redacaoArea .rs-kpi--main b { font-size: clamp(2.6rem, 4.6vw, 3.6rem); letter-spacing: -0.045em; }
#redacaoArea .rs-kpi span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rs-faint);
}
#redacaoArea .rs-delta {
  padding: 0.12rem 0.45rem;
  font-size: 0.7rem;
  letter-spacing: 0;
  border-radius: 99px;
  color: #fff;
  background: var(--rs-ink);
}
#redacaoArea .rs-delta[data-dir="down"] { background: rgba(20, 20, 20, 0.45); }
#redacaoArea .rs-card__chart {
  margin: auto -1.4rem -1.4rem;
  height: 108px;
  color: var(--rs-ink);
}
#redacaoArea .rs-spark { display: block; width: 100%; height: 100%; overflow: visible; }
#redacaoArea .rs-spark__area { fill: url(#rsSparkFill); }
#redacaoArea .rs-spark__line {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: rsDraw 1.6s var(--rs-expo) forwards 0.9s;
}
#redacaoArea .rs-spark__dot {
  fill: #fff;
  stroke: currentColor;
  stroke-width: 2.4;
  vector-effect: non-scaling-stroke;
  opacity: 0;
  animation: redacaoHomeFade 0.4s ease forwards 2.1s;
}
#redacaoArea .rs-spark--empty path {
  fill: none;
  stroke: rgba(20, 20, 20, 0.18);
  stroke-width: 2;
  stroke-dasharray: 2 7;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
@keyframes rsDraw { to { stroke-dashoffset: 0; } }

/* Passo a passo numerado */
#redacaoArea .rs-steps {
  list-style: none;
  margin: 0.2rem 0 0;
  padding: 0;
  counter-reset: rs-step;
  display: flex;
  flex-direction: column;
}
#redacaoArea .rs-steps li {
  counter-increment: rs-step;
  display: grid;
  grid-template-columns: 2.4rem 1fr;
  grid-template-rows: auto auto;
  column-gap: 0.6rem;
  padding: 0.8rem 0;
  border-top: 1px solid var(--rs-line);
}
#redacaoArea .rs-steps li:first-child { border-top: 0; padding-top: 0.2rem; }
#redacaoArea .rs-steps li::before {
  content: counter(rs-step, decimal-leading-zero);
  grid-row: span 2;
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: rgba(20, 20, 20, 0.28);
}
#redacaoArea .rs-steps b {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
#redacaoArea .rs-steps span { font-size: 0.88rem; line-height: 1.45; color: var(--rs-muted); }

@media (max-width: 980px) {
  #redacaoArea .rs-card:nth-child(1),
  #redacaoArea .rs-card:nth-child(2) { grid-column: span 12; }
  #redacaoArea .rs-card:nth-child(3),
  #redacaoArea .rs-card:nth-child(4) { grid-column: span 6; }
}
@media (max-width: 560px) {
  #redacaoArea .rs-home { gap: 1.8rem; }
  #redacaoArea .rs-home .redacao-home__h { font-size: clamp(2.3rem, 11vw, 3rem) !important; }
  #redacaoArea .rs-home .redacao-home__actions { width: 100%; }
  #redacaoArea .rs-home .redacao-home__actions .redacao-btn { flex: 1 1 100%; justify-content: center; }
  #redacaoArea .rs-bancas { margin-top: 1.8rem; }
  #redacaoArea .rs-bento { gap: 0.75rem; }
  #redacaoArea .rs-card:nth-child(3),
  #redacaoArea .rs-card:nth-child(4) { grid-column: span 6; padding: 1.1rem; }
  #redacaoArea .rs-card--link .rs-card__big { font-size: 2.3rem; }
  #redacaoArea .rs-card--link .rs-card__muted { font-size: 0.8rem; }
  #redacaoArea .rs-card__go { width: 32px; height: 32px; top: 0.9rem; right: 0.9rem; }
  #redacaoArea .rs-card--link .rs-card__k { letter-spacing: 0.14em; }
}

/* ════════════════════════════════════════════════════════════════════════
   CARTÕES DAS DEMAIS ABAS (Treinar, Tutoriais, Propostas, Histórico, Correção)
   ════════════════════════════════════════════════════════════════════════ */
#redacaoArea .redacao-tut__card,
#redacaoArea .redacao-hist__list,
#redacaoArea .redacao-tcard,
#redacaoArea .redacao-wiz,
#redacaoArea .redacao-card,
#redacaoArea .redacao-bcard,
#redacaoArea .redacao-pick,
#redacaoArea .redacao-prop__view,
#redacaoArea .redacao-empty,
#redacaoArea .redacao-hist__empty,
#redacaoArea .redacao-prop--new,
#redacaoArea .redacao-prompt {
  background: var(--rs-glass) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.4) !important;
  backdrop-filter: blur(22px) saturate(1.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  border-radius: var(--rs-r) !important;
  box-shadow: var(--rs-shadow), inset 0 0 0 1px var(--rs-line) !important;
}
/* Cards estáticos: sem movimento, sombra ou cor diferente ao passar o mouse ou clicar. */
#redacaoArea .rs-card:hover,
#redacaoArea .rs-card:active,
#redacaoArea .rs-card:focus,
#redacaoArea .redacao-tut__card:hover,
#redacaoArea .redacao-tut__card:active,
#redacaoArea .redacao-tcard:hover,
#redacaoArea .redacao-tcard:active,
#redacaoArea .redacao-prop--new:hover,
#redacaoArea .redacao-prop--new:active,
#redacaoArea .redacao-bcard:hover,
#redacaoArea .redacao-bcard:active,
#redacaoArea .redacao-pick:hover,
#redacaoArea .redacao-pick:active,
#redacaoArea .redacao-comp:hover,
#redacaoArea .redacao-comp:active {
  transform: none !important;
  translate: none !important;
  box-shadow: var(--rs-shadow), inset 0 0 0 1px var(--rs-line) !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
  transition: none !important;
}
#redacaoArea .rs-card,
#redacaoArea .redacao-tut__card,
#redacaoArea .redacao-tcard,
#redacaoArea .redacao-bcard,
#redacaoArea .redacao-pick,
#redacaoArea .redacao-prop--new,
#redacaoArea .redacao-comp { transition: none !important; }

/* Todos os cartões usam a mesma matéria visual da home. */
#redacaoArea .redacao-bcard,
#redacaoArea .redacao-pick {
  color: var(--rs-ink) !important;
  background: var(--rs-glass) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.4) !important;
  backdrop-filter: blur(22px) saturate(1.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  border-radius: var(--rs-r) !important;
  box-shadow: var(--rs-shadow), inset 0 0 0 1px var(--rs-line) !important;
}

#redacaoArea .redacao-bcard::before,
#redacaoArea .redacao-pick::before { display: none !important; }

/* Cartões sem áreas escuras ou ornamentos decorativos. */
#redacaoArea .rs-card,
#redacaoArea .redacao-tut__card,
#redacaoArea .redacao-hist__list,
#redacaoArea .redacao-tcard,
#redacaoArea .redacao-wiz,
#redacaoArea .redacao-card,
#redacaoArea .redacao-bcard,
#redacaoArea .redacao-pick,
#redacaoArea .redacao-prop__view,
#redacaoArea .redacao-empty,
#redacaoArea .redacao-hist__empty,
#redacaoArea .redacao-prop--new,
#redacaoArea .redacao-prompt {
  background: #fff !important;
}

#redacaoArea .redacao-tcard__head {
  color: var(--rs-ink) !important;
  background: #fff !important;
}
#redacaoArea .redacao-tcard__waves { display: none !important; }
#redacaoArea .redacao-tcard__kicker { color: var(--rs-faint) !important; }
#redacaoArea .redacao-tcard__title { color: var(--rs-ink) !important; }

/* Títulos de página grandes e editoriais (mesmo ritmo da home) */
#redacaoArea .redacao-tut-page .redacao-home__h,
#redacaoArea .redacao-hist-page .redacao-home__h,
#redacaoArea .redacao-prop-page .redacao-home__h,
#redacaoArea .redacao-prop__h {
  font-family: var(--font-display) !important;
  font-weight: 600 !important;
  font-size: clamp(2.2rem, 4.6vw, 3.6rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  color: var(--rs-ink) !important;
}
#redacaoArea .redacao-wiz__title {
  font-weight: 600 !important;
  font-size: clamp(1.9rem, 3.6vw, 2.6rem) !important;
  letter-spacing: -0.035em !important;
}
#redacaoArea .redacao-wiz__head {
  padding-top: 2.1rem !important;
}
#redacaoArea .redacao-wiz__head::before {
  content: "Treinar · nova proposta";
  display: block;
  margin-bottom: 0.65rem;
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--rs-faint);
}

/* Abas pílula dos tutoriais em vidro */
#redacaoArea .redacao-tut__tabs {
  background: rgba(255, 255, 255, 0.7) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid var(--rs-line) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 #fff !important;
}

/* Campos */
#redacaoArea .redacao-input,
#redacaoArea .redacao-dd__trigger {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: var(--rs-line-2) !important;
  transition: border-color 0.2s ease, box-shadow 0.25s ease !important;
}
#redacaoArea .redacao-input:focus,
#redacaoArea .redacao-dd__trigger:focus-visible {
  border-color: var(--rs-ink) !important;
  box-shadow: 0 0 0 4px rgba(20, 20, 20, 0.07) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   FOLHA DE ESCRITA — papel pautado de verdade, margem numerada e limite
   ════════════════════════════════════════════════════════════════════════ */
#redacaoArea .redacao-write__head {
  font-size: 0.68rem !important;
  letter-spacing: 0.22em !important;
  color: var(--rs-faint) !important;
}
#redacaoArea .redacao-sheet__title {
  font-size: clamp(1.4rem, 2.6vw, 1.9rem) !important;
  letter-spacing: -0.03em !important;
  padding: 0.4rem 0 0.7rem !important;
}
#redacaoArea .redacao-sheet {
  --line-h: 34px;
  --gutter: 3.1rem;
  position: relative;
  padding: 1.2rem 1.4rem 1.2rem calc(var(--gutter) + 1.1rem) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fdfdfc 100%) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid rgba(20, 20, 20, 0.09) !important;
  border-radius: 22px !important;
  box-shadow:
    0 1px 0 #fff inset,
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 22px 50px -26px rgba(0, 0, 0, 0.28),
    /* folhas empilhadas por trás */
    0 6px 0 -3px #f6f6f5,
    0 7px 0 -2px rgba(20, 20, 20, 0.06),
    0 12px 0 -6px #efefee,
    0 13px 0 -5px rgba(20, 20, 20, 0.05) !important;
  transition: box-shadow 0.3s ease !important;
}
#redacaoArea .redacao-sheet:focus-within {
  box-shadow:
    0 0 0 4px rgba(20, 20, 20, 0.06),
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 26px 60px -26px rgba(0, 0, 0, 0.32),
    0 6px 0 -3px #f6f6f5,
    0 7px 0 -2px rgba(20, 20, 20, 0.06),
    0 12px 0 -6px #efefee,
    0 13px 0 -5px rgba(20, 20, 20, 0.05) !important;
}
/* Margem dupla da folha oficial */
#redacaoArea .redacao-sheet::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--gutter) + 0.35rem);
  width: 4px;
  border-left: 1px solid rgba(20, 20, 20, 0.12);
  border-right: 1px solid rgba(20, 20, 20, 0.06);
  pointer-events: none;
  z-index: 1;
}
#redacaoArea .redacao-sheet__gutter {
  position: absolute;
  top: 1.2rem;
  bottom: 1.2rem;
  left: 0;
  width: var(--gutter);
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
#redacaoArea .redacao-sheet__gutter ol {
  list-style: none;
  margin: 0;
  padding: 0.4rem 0 0;
  will-change: transform;
}
#redacaoArea .redacao-sheet__gutter li {
  height: var(--line-h);
  line-height: var(--line-h);
  padding-right: 0.55rem;
  text-align: right;
  font-size: 0.7rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: rgba(20, 20, 20, 0.28);
}
#redacaoArea .redacao-sheet__gutter li.is-over { color: rgba(170, 40, 40, 0.55); }
#redacaoArea .redacao-sheet__text {
  font-family: var(--font-sans) !important;
  font-size: 1.04rem !important;
  line-height: var(--line-h) !important;
  padding: 0.4rem 0 0 !important;
  min-height: calc(var(--line-h) * 16 + 0.4rem) !important;
  max-height: 68vh;
  overflow-y: auto;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(var(--line-h) - 1px),
    rgba(20, 20, 20, 0.075) calc(var(--line-h) - 1px),
    rgba(20, 20, 20, 0.075) var(--line-h)
  ) !important;
  background-position: 0 0.4rem !important;
  background-attachment: local !important;
  caret-color: var(--rs-ink);
  scrollbar-width: none;
}
#redacaoArea .redacao-sheet__text::-webkit-scrollbar { display: none; }
@media (max-width: 640px) {
  #redacaoArea .redacao-sheet { --gutter: 2.2rem; padding-right: 0.9rem !important; }
  #redacaoArea .redacao-sheet__gutter li { font-size: 0.62rem; padding-right: 0.35rem; }
}

/* Barra de progresso de palavras: fio fino com brilho na ponta */
#redacaoArea .redacao-write__progress {
  height: 3px !important;
  border-radius: 99px !important;
  background: rgba(20, 20, 20, 0.07) !important;
  overflow: hidden;
}
#redacaoArea .redacao-write__progress i {
  background: linear-gradient(90deg, rgba(20, 20, 20, 0.55), var(--rs-ink)) !important;
  box-shadow: 0 0 10px rgba(20, 20, 20, 0.25);
  transition: width 0.5s var(--rs-expo) !important;
}
#redacaoArea .redacao-write__progress.is-over i { background: #b42828 !important; }
#redacaoArea .redacao-btn--icon { padding-left: 1.05rem !important; padding-right: 1.15rem !important; }

/* Painel da proposta (direita): barras de seção mais leves */
#redacaoArea .redacao-write__aside {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
#redacaoArea .redacao-prompt__bar {
  background: transparent !important;
  color: var(--rs-faint) !important;
  padding: 0.9rem 0 0.45rem !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--rs-line);
  font-size: 0.66rem !important;
  letter-spacing: 0.22em !important;
}
#redacaoArea .redacao-prompt__bar:first-child { padding-top: 0 !important; }
#redacaoArea .redacao-prompt__cmd {
  background: rgba(20, 20, 20, 0.035) !important;
  border-left: 2px solid var(--rs-ink) !important;
}

/* MODO FOCO — some a lateral e a proposta; a folha vira o palco */
#redacaoArea.is-focus .redacao-side {
  opacity: 0;
  pointer-events: none;
  margin-left: -300px !important;
  transition: margin 0.55s var(--rs-expo), opacity 0.3s ease;
}
#redacaoArea .redacao-side { transition: margin 0.55s var(--rs-expo), opacity 0.4s ease; }
#redacaoArea.is-focus .redacao-write__aside { display: none !important; }
#redacaoArea.is-focus .redacao-write__grid {
  grid-template-columns: minmax(0, 860px) !important;
  justify-content: center !important;
}
#redacaoArea.is-focus .redacao-watermark span { opacity: 0.4; }
@media (max-width: 860px) {
  #redacaoArea.is-focus .redacao-side { margin-left: 0 !important; margin-top: -140px !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   CORREÇÃO — medidor monumental e competências com barra fina
   ════════════════════════════════════════════════════════════════════════ */
#redacaoArea .redacao-card__hero {
  padding-bottom: 1.4rem;
  border-bottom: 1px solid var(--rs-line);
}
#redacaoArea .redacao-gauge {
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.12));
}
#redacaoArea .redacao-gauge__inner b {
  font-family: var(--font-display) !important;
  letter-spacing: -0.04em !important;
}
#redacaoArea .redacao-comp {
  padding: 0.95rem 1.1rem;
  border-radius: var(--rs-r-sm);
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid var(--rs-line);
}
#redacaoArea .redacao-comp__bar {
  height: 5px !important;
  border-radius: 99px !important;
}
#redacaoArea .redacao-comp__bar i { transition: width 1s var(--rs-expo); }
#redacaoArea .redacao-card__verdict {
  border-radius: var(--rs-r-sm) !important;
}

/* Acessibilidade: sem movimento */
@media (prefers-reduced-motion: reduce) {
  #redacaoArea .rs-card,
  #redacaoArea .rs-bancas,
  #redacaoArea .rs-spark__line,
  #redacaoArea .rs-spark__dot,
  #redacaoArea .rs-dot::after,
  #redacaoArea .redacao-side__stat-bar i {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════
   FUNDO "ORCA" — vale para todas as abas do estúdio (fica atrás do conteúdo)
   Uma orca gigante em silhueta (a mesma da marca) emergindo no canto, com
   água ao redor: anéis de sonar e névoa de profundidade. Só opacity/transform.
   ════════════════════════════════════════════════════════════════════════ */
#redacaoArea .redacao-main::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: clamp(-6rem, -4vw, -1rem);
  bottom: -3%;
  width: min(74vmin, 820px);
  aspect-ratio: 1000 / 783.74;
  pointer-events: none;
  background: linear-gradient(160deg, rgba(20, 20, 20, 0.2) 0%, rgba(20, 20, 20, 0.1) 60%, rgba(20, 20, 20, 0.04) 100%);
  -webkit-mask: url("/assets/orca-logo.svg") no-repeat center / contain;
  mask: url("/assets/orca-logo.svg") no-repeat center / contain;
  transform-origin: 60% 70%;
  animation: rsOrcaFloat 11s ease-in-out infinite;
}
#redacaoArea .redacao-main::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    /* anéis de sonar saindo de onde a orca emerge */
    repeating-radial-gradient(circle at 86% 108%,
      rgba(20, 20, 20, 0) 0,
      rgba(20, 20, 20, 0) 54px,
      rgba(20, 20, 20, 0.05) 55px,
      rgba(20, 20, 20, 0) 57px,
      rgba(20, 20, 20, 0) 108px),
    /* névoa de água profunda na base */
    linear-gradient(0deg, rgba(20, 20, 20, 0.07) 0%, rgba(20, 20, 20, 0) 38%);
  -webkit-mask: radial-gradient(90% 90% at 86% 108%, #000 0%, rgba(0, 0, 0, 0.5) 45%, transparent 78%);
  mask: radial-gradient(90% 90% at 86% 108%, #000 0%, rgba(0, 0, 0, 0.5) 45%, transparent 78%);
}
@keyframes rsOrcaFloat {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-1.2deg); }
  50% { transform: translate3d(-10px, -16px, 0) rotate(0.8deg); }
}
@media (max-width: 860px) {
  #redacaoArea .redacao-main::before {
    width: min(120vw, 560px);
    right: -22%;
    bottom: 1%;
    opacity: 0.8;
  }
}
@media (prefers-reduced-motion: reduce) {
  #redacaoArea .redacao-main::before { animation: none; }
  #redacaoArea .rs-marquee__track { animation: none; }
}
.perf-lite #redacaoArea .redacao-main::before { animation: none; }
.perf-lite #redacaoArea .rs-marquee__track { animation-duration: 60s; }

/* Entrada do estúdio: a mesma apresentação aberta e direta da home. */
#redacaoArea .redacao-main:has(.redacao-choose:not([hidden]) .rs-entry)::before,
#redacaoArea .redacao-main:has(.redacao-choose:not([hidden]) .rs-entry)::after,
#redacaoArea .redacao-main:has(.redacao-choose:not([hidden]) .rs-entry) .redacao-watermark { display: none !important; }

/* Lateral em preto sólido, no mesmo tom dos botões principais. */
#redacaoArea .redacao-side {
  background: #171717 !important;
}
#redacaoArea .redacao-side > .redacao-side__video { display: none !important; }
#redacaoArea .redacao-side::after { display: none !important; }

/* No celular, ondas visíveis animam a faixa do topo além do recorte ondulado. */
@media (max-width: 860px) {
  #redacaoArea .redacao-side {
    background-color: #171717 !important;
    animation: none !important;
  }
  #redacaoArea .redacao-side::before {
    background: repeating-radial-gradient(
      circle at 50% 145%,
      rgba(255,255,255,0) calc(var(--sonar-r) + 0px),
      rgba(255,255,255,0) calc(var(--sonar-r) + 9px),
      rgba(255,255,255,.14) calc(var(--sonar-r) + 11px),
      rgba(255,255,255,.14) calc(var(--sonar-r) + 13px),
      rgba(255,255,255,0) calc(var(--sonar-r) + 17px),
      rgba(255,255,255,0) calc(var(--sonar-r) + 92px)
    ) !important;
    -webkit-mask: radial-gradient(120% 240% at 50% 145%, #000 0%, rgba(0,0,0,.52) 38%, transparent 72%) !important;
    mask: radial-gradient(120% 240% at 50% 145%, #000 0%, rgba(0,0,0,.52) 38%, transparent 72%) !important;
    opacity: .8 !important;
    animation: redacao-sonar 3s linear infinite !important;
  }
  #redacaoArea .redacao-side::after {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #redacaoArea .redacao-side::before,
  #redacaoArea .redacao-side::after { animation: none !important; }
}

@media (min-width: 861px) {
  #redacaoArea .redacao-side {
    transition: flex-basis 0.36s ease, padding 0.36s ease, opacity 0.22s ease !important;
  }
  #redacaoArea:has(.redacao-choose:not([hidden]) .rs-entry) .redacao-side {
    flex: 0 0 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    opacity: 0;
    pointer-events: none;
  }
}
@media (max-width: 860px) {
  #redacaoArea:has(.redacao-choose:not([hidden]) .rs-entry) .redacao-side { display: none !important; }
}

#redacaoArea .redacao-main:has(.redacao-choose:not([hidden]) .rs-entry) .redacao-area__scroll {
  padding: 0 !important;
}
#redacaoArea .redacao-choose:has(.rs-entry) {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}
#redacaoArea .rs-entry {
  position: relative;
  box-sizing: border-box;
  max-width: none !important;
  min-height: 100dvh !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 46%);
  align-items: center !important;
  gap: 0 !important;
  padding: clamp(82px, 12vh, 140px) clamp(28px, 7vw, 130px) 132px !important;
  text-align: left !important;
  background-color: #fbfbfb !important;
  background-image: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.88) 38%, rgba(255,255,255,.34) 62%, rgba(255,255,255,0) 82%), url('/assets/redacao-home-desktop.png') !important;
  background-position: center, right center !important;
  background-size: 100% 100%, min(100%, 1605px) auto !important;
  background-repeat: no-repeat !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
#redacaoArea .rs-entry__back {
  position: absolute;
  top: var(--menu-margin);
  left: max(1.5rem, env(safe-area-inset-left, 0px));
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0;
  border: 0;
  background: none;
  color: #111;
  font: 800 1.35rem var(--font-sans);
  letter-spacing: 0.03em;
  cursor: pointer;
  z-index: 2;
}
#redacaoArea .rs-entry__back img {
  width: var(--nav-mark-size);
  height: var(--nav-mark-size);
  object-fit: contain;
  filter: brightness(0.078);
}
#redacaoArea .rs-entry__back .site-nav__name { font-family: var(--font-display); }
#redacaoArea .rs-entry__content { grid-column: 1; grid-row: 1; max-width: 650px; z-index: 1; text-align: left !important; }
#redacaoArea .rs-entry__bancas {
  position: absolute;
  inset: auto 0 24px;
  margin: 0;
  z-index: 1;
}
#redacaoArea .rs-entry__label {
  margin: 0 0 24px;
  font-size: 0.83rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(20, 20, 20, 0.52);
}
#redacaoArea .rs-entry .redacao-home__h {
  max-width: 13ch !important;
  margin: 0 !important;
  font-size: clamp(3.4rem, 5.3vw, 6rem) !important;
  line-height: 0.99 !important;
  letter-spacing: -0.05em !important;
  text-wrap: balance;
  text-align: left !important;
}
#redacaoArea .rs-entry .redacao-home__sub {
  max-width: 34ch !important;
  margin: 24px 0 34px !important;
  font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
  line-height: 1.5 !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  text-align: left !important;
}
#redacaoArea .rs-entry .redacao-home__actions { justify-content: flex-start !important; }
#redacaoArea .rs-entry .redacao-home__actions .rs-cta {
  display: inline-flex !important;
  box-sizing: border-box !important;
  align-items: center !important;
  min-width: 230px;
  width: auto !important;
  height: 52px !important;
  min-height: 52px !important;
  justify-content: space-between;
  gap: 12px !important;
  padding: 0 16px !important;
  line-height: 1 !important;
}
#redacaoArea .rs-entry .rs-cta .rs-paper-pen {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  align-self: center !important;
  vertical-align: middle !important;
}
#redacaoArea .rs-entry__links { display: flex; gap: 26px; flex-wrap: wrap; margin-top: 28px; }
#redacaoArea .rs-entry__links button {
  padding: 4px 0;
  border: 0;
  border-bottom: 1px solid rgba(20, 20, 20, 0.3);
  background: none;
  color: rgba(20, 20, 20, 0.65);
  font-size: 0.88rem;
  cursor: pointer;
}
#redacaoArea .rs-entry__links button:hover { color: #111; border-color: #111; }
#redacaoArea .rs-entry__visual {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  width: min(100%, 620px);
  aspect-ratio: 1;
  display: none !important;
  place-items: center;
  pointer-events: none;
}
#redacaoArea .rs-entry__orca {
  width: 100%;
  height: 78%;
  background: linear-gradient(160deg, #111 10%, #414141 42%, #111 72%);
  -webkit-mask: url('/assets/orca-logo.svg') center / contain no-repeat;
  mask: url('/assets/orca-logo.svg') center / contain no-repeat;
  filter: drop-shadow(0 28px 32px rgba(0, 0, 0, 0.11));
  transform: rotate(-8deg);
}
@media (max-width: 760px) {
  #redacaoArea .rs-entry {
    grid-template-columns: 1fr;
    grid-template-rows: 130px auto;
    align-content: center;
    padding: 76px 24px 104px !important;
    min-height: 100dvh !important;
    background-image: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 48%, rgba(255,255,255,.5) 76%, rgba(255,255,255,.16) 100%), url('/assets/redacao-home-mobile.png') !important;
    background-position: center, right center !important;
    background-size: 100% 100%, auto 68% !important;
  }
  #redacaoArea .rs-entry__back { font-size: 1.16rem; }
  #redacaoArea .rs-entry__visual { grid-column: 1; grid-row: 1; width: 178px; height: 132px; justify-self: center; }
  #redacaoArea .rs-entry__orca { height: 100%; transform: rotate(-7deg); }
  #redacaoArea .rs-entry__content { grid-column: 1; grid-row: 2; }
  #redacaoArea .rs-entry__label { margin: 4px 0 12px; font-size: 0.75rem; }
  #redacaoArea .rs-entry .redacao-home__h { max-width: 14ch !important; font-size: clamp(2.25rem, 9vw, 3.2rem) !important; }
  #redacaoArea .rs-entry .redacao-home__sub { margin: 16px 0 22px !important; font-size: 0.97rem !important; }
  #redacaoArea .rs-entry .redacao-home__actions .rs-cta { width: 100%; flex: 0 0 100%; }
  #redacaoArea .rs-entry__links { justify-content: space-between; gap: 12px; margin-top: 22px; }
  #redacaoArea .rs-entry__links button { font-size: 0.82rem; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  #redacaoArea .rs-entry {
    background-image: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 30%, rgba(255,255,255,.68) 40%, rgba(255,255,255,.32) 52%, rgba(255,255,255,.08) 64%, rgba(255,255,255,0) 74%), url('/assets/redacao-home-desktop.png') !important;
    background-position: center, left center !important;
    background-size: 100% 100%, auto 100% !important;
  }
}

@media (max-width: 520px) {
  #redacaoArea .rs-entry__back {
    top: max(10px, env(safe-area-inset-top, 0px));
    left: max(12px, env(safe-area-inset-left, 0px));
  }
  #redacaoArea .rs-entry__back img {
    width: var(--nav-mark-size-mobile);
    height: var(--nav-mark-size-mobile);
  }
  #redacaoArea .rs-entry__bancas { bottom: 16px; }
}

/* Sistema visual do produto: superfícies brancas e tipografia da home. */
#redacaoArea {
  --rs-r: 20px;
  --rs-r-sm: 12px;
  --rs-shadow: 0 4px 24px -12px rgba(20, 20, 20, 0.12);
  --rs-shadow-hi: 0 8px 28px -14px rgba(20, 20, 20, 0.16);
}
#redacaoArea .redacao-main::before,
#redacaoArea .redacao-main::after,
#redacaoArea .redacao-watermark { display: none !important; }
#redacaoArea .redacao-area__scroll { padding: clamp(28px, 4vw, 64px) !important; }
#redacaoArea :is(.redacao-choose, .redacao-write, .redacao-result) {
  width: 100% !important;
  max-width: 1160px !important;
  margin-inline: auto !important;
}
#redacaoArea .redacao-home:not(.rs-entry),
#redacaoArea .studio-training {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
  padding: 0 !important;
}
#redacaoArea .studio-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  text-align: left;
}
#redacaoArea .studio-heading :is(h2, .redacao-home__h) {
  font: 500 clamp(2rem, 3.3vw, 3.5rem)/1.08 var(--font-display) !important;
  letter-spacing: -0.045em !important;
  color: var(--rs-ink) !important;
  max-width: 21ch !important;
  margin: 0 !important;
  text-align: left !important;
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
#redacaoArea .studio-heading :is(p, .redacao-home__sub) {
  font: 400 0.96rem/1.65 var(--font-sans) !important;
  color: var(--rs-muted) !important;
  max-width: 62ch !important;
  margin: 14px 0 0 !important;
  text-align: left !important;
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
#redacaoArea :is(.rs-card, .redacao-tut__card, .redacao-tcard, .redacao-wiz,
 .redacao-card, .redacao-bcard, .redacao-pick, .redacao-empty, .redacao-prop--new,
 .redacao-prompt, .studio-guide, .studio-metrics article, .studio-paper-preview) {
  background: #fff !important;
  color: var(--rs-ink) !important;
  border: 1px solid rgba(20, 20, 20, 0.09) !important;
  border-radius: var(--rs-r) !important;
  box-shadow: var(--rs-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#redacaoArea :is(.redacao-tcard, .redacao-tut__card, .redacao-bcard, .redacao-pick, .redacao-prop--new):hover {
  transform: none !important;
  box-shadow: var(--rs-shadow) !important;
  border-color: rgba(20, 20, 20, 0.18) !important;
}
#redacaoArea :is(button, a, input, textarea, [tabindex]):focus-visible {
  outline: 2px solid #141414 !important;
  outline-offset: 4px;
}
#redacaoArea .redacao-btn {
  min-height: 44px;
  border-radius: 12px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
#redacaoArea .redacao-btn--primary {
  background: #171717 !important;
  box-shadow: inset 0 1px 0 #ffffff14, 0 2px 3px #0000000a, 0 8px 18px -10px #00000045 !important;
  transition: background 0.2s ease, box-shadow 0.2s ease !important;
}
#redacaoArea .redacao-btn--primary:hover {
  background: #303030 !important;
  transform: none !important;
  box-shadow: inset 0 1px 0 #ffffff18, 0 3px 5px #0000000a, 0 12px 24px -12px #00000050 !important;
}
#redacaoArea .redacao-btn--primary:active {
  transform: none !important;
  box-shadow: inset 0 1px 2px #00000026, 0 2px 5px #0000000a !important;
}
#redacaoArea .redacao-btn--ghost {
  background: #fff !important;
  color: #171717 !important;
  box-shadow: 0 1px 2px #00000005, 0 4px 10px -6px #00000014 !important;
}
#redacaoArea .redacao-btn--ghost[aria-pressed="true"] { background: #ededed !important; }
#redacaoArea .studio-training-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr); gap: 24px; align-items: start; }
#redacaoArea .redacao-wiz { width: 100%; max-width: none !important; margin: 0 !important; }
#redacaoArea .redacao-wiz__head { padding: 28px 28px 0 !important; text-align: left !important; }
#redacaoArea .redacao-wiz__head::before { display: none; }
#redacaoArea .redacao-wiz__head-text { width: 100%; align-items: flex-start !important; text-align: left !important; }
#redacaoArea .redacao-wiz__title { margin: 0; font: 500 1.55rem/1.2 var(--font-display) !important; letter-spacing: -0.03em !important; }
#redacaoArea .studio-card-description { margin: 10px 0 0; font-size: 0.88rem; line-height: 1.6; color: var(--rs-muted); }
#redacaoArea .redacao-wiz__body { padding: 26px 28px 28px !important; }
#redacaoArea .redacao-wiz__field { margin: 0 0 24px !important; }
#redacaoArea .redacao-wiz__flabel { font-size: 0.85rem; font-weight: 600; color: #333; margin-bottom: 10px; }
#redacaoArea :is(.redacao-input, .redacao-dd__trigger) { min-height: 48px; border: 1px solid #dedede !important; border-radius: 10px !important; background: #fff !important; font-size: 0.9rem !important; box-shadow: none !important; }
#redacaoArea .redacao-dd__menu { border-radius: 12px !important; border: 1px solid #e3e3e3; background: #fff !important; box-shadow: 0 12px 32px #00000012 !important; }
#redacaoArea .redacao-dd__opt { text-align: left; }
#redacaoArea .redacao-dd__search { width: calc(100% - 16px); margin: 8px; position: sticky; top: 0; z-index: 2; }
#redacaoArea .studio-no-results { padding: 16px; color: #777; font-size: 0.85rem; }
#redacaoArea .redacao-wiz__proposal { border-top: 1px solid #e8e8e8; padding-top: 16px; }
#redacaoArea :is(.redacao-wiz__enunbar, .redacao-wiz__apoiobar) { background: transparent !important; color: #333 !important; padding: 14px 0 !important; border: 0 !important; font-size: 0.8rem !important; letter-spacing: 0 !important; }
#redacaoArea .redacao-wiz__enuncmd { background: #f7f7f7 !important; color: #333 !important; border-radius: 10px; line-height: 1.65; padding: 16px; }
#redacaoArea .redacao-wiz__actions { padding-top: 10px; }
#redacaoArea .redacao-wiz__propor { width: 100%; }
#redacaoArea .studio-guide { padding: 26px; }
#redacaoArea .studio-guide h3 { font: 500 1.5rem/1.25 var(--font-display); letter-spacing: -0.025em; margin: 0 0 26px; }
#redacaoArea .studio-guide ol { list-style: none; padding: 0; margin: 0; counter-reset: guide; }
#redacaoArea .studio-guide li { counter-increment: guide; position: relative; padding: 0 0 24px 36px; }
#redacaoArea .studio-guide li::before { content: counter(guide, decimal-leading-zero); position: absolute; left: 0; top: 2px; font-size: 0.73rem; color: #8d8d8d; }
#redacaoArea .studio-guide b { font-size: 0.88rem; font-weight: 600; }
#redacaoArea .studio-guide li p { font-size: 0.84rem; line-height: 1.65; color: var(--rs-muted); margin: 7px 0 0; }
#redacaoArea .studio-storage-note { font-size: 0.76rem; line-height: 1.6; color: #777; margin-top: 24px; }
#redacaoArea .studio-guide .studio-storage-note { border-top: 1px solid #ededed; padding-top: 18px; margin-top: 0; }
#redacaoArea .studio-search { display: block; max-width: 420px; margin-bottom: 20px; }
#redacaoArea .studio-search span { display: block; font-size: 0.8rem; margin-bottom: 8px; color: #666; }
#redacaoArea .studio-search input { width: 100%; }
#redacaoArea .redacao-tut__tabs { width: fit-content; max-width: 100%; border-radius: 12px !important; padding: 5px !important; background: #ededed !important; box-shadow: none !important; border: 0 !important; margin-bottom: 26px !important; }
#redacaoArea .redacao-tut__glider { background: #fff !important; border-radius: 8px !important; box-shadow: 0 1px 4px #0000000a !important; }
#redacaoArea .redacao-tut__tab { color: #696969 !important; font-size: 0.8rem !important; }
#redacaoArea .redacao-tut__tab.is-active { color: #141414 !important; }
#redacaoArea .redacao-tut__grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px !important; }
#redacaoArea .redacao-tut__card { overflow: hidden; display: flex; flex-direction: column; }
#redacaoArea .redacao-tut__card[hidden] { display: none !important; }
#redacaoArea .redacao-tut__video { aspect-ratio: 16/9; width: 100%; border-radius: 0 !important; }
#redacaoArea .redacao-tut__video img { filter: grayscale(1); object-fit: cover; }
#redacaoArea .redacao-tut__info { display: flex; flex-direction: column; flex: 1; padding: 22px !important; }
#redacaoArea .redacao-tut__cat { font-size: 0.7rem; letter-spacing: 0.02em; color: #777; }
#redacaoArea .redacao-tut__title { font: 500 1.3rem/1.2 var(--font-display); letter-spacing: -0.025em; margin: 10px 0; }
#redacaoArea .redacao-tut__desc { font-size: 0.84rem; line-height: 1.65; color: var(--rs-muted); margin-bottom: 20px; }
#redacaoArea .redacao-tut__yt { margin-top: auto; color: #333; font-size: 0.78rem; }
#redacaoArea .redacao-prop__list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px !important; width: 100% !important; }
#redacaoArea .redacao-tcard { width: 100%; max-width: none !important; min-width: 0; overflow: hidden; }
#redacaoArea .redacao-tcard__head { min-height: 0; align-items: start; justify-content: start; text-align: left; padding: 26px 26px 18px; gap: 12px; }
#redacaoArea .redacao-tcard__kicker { font-size: 0.7rem; color: #777 !important; letter-spacing: 0.04em; }
#redacaoArea .redacao-tcard__title { font: 500 1.45rem/1.25 var(--font-display) !important; letter-spacing: -0.03em; -webkit-line-clamp: 3; }
#redacaoArea .redacao-tcard__body { padding: 0 26px 26px; gap: 18px; }
#redacaoArea .redacao-prop--new { min-height: 250px !important; width: 100%; max-width: none !important; margin: 0 !important; padding: 30px !important; text-align: left; align-items: start; justify-content: center; border-style: dashed !important; }
#redacaoArea .redacao-prop--new__plus { width: 42px; height: 42px; background: #f4f4f4 !important; color: #333 !important; border: 0 !important; border-radius: 12px; box-shadow: none !important; }
#redacaoArea .redacao-prop--new__title { font: 500 1.4rem var(--font-display); margin-top: 14px; }
#redacaoArea .redacao-prop--new__sub { color: #777; font-size: 0.84rem; }
#redacaoArea .studio-proposal-action { justify-content: space-between; gap: 12px; width: 100%; }
#redacaoArea .redacao-prop__metas { border-top: 1px solid #ededed; padding-top: 18px; }
#redacaoArea .redacao-prop__k { font-size: 0.7rem; color: #777; }
#redacaoArea .redacao-hcard__body { align-items: start; }
#redacaoArea .redacao-hist__score { font: 500 2.8rem var(--font-display); letter-spacing: -0.04em; }
#redacaoArea .redacao-hist__score i { font: 400 0.9rem var(--font-sans); color: #888; }
#redacaoArea .redacao-empty { width: 100%; max-width: none !important; margin: 0 !important; align-items: start !important; padding: 36px !important; text-align: left !important; }
#redacaoArea .redacao-empty h3 { font: 500 1.8rem/1.2 var(--font-display); letter-spacing: -0.03em; margin: 18px 0 12px; }
#redacaoArea .redacao-empty__text { max-width: 52ch; }
#redacaoArea .studio-empty-symbol { font-size: 2rem; color: #777; }
#redacaoArea .studio-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
#redacaoArea .studio-metrics article { padding: 22px; }
#redacaoArea .studio-metrics span { display: block; font-size: 0.78rem; color: #777; }
#redacaoArea .studio-metrics b { display: block; margin-top: 12px; font: 500 2rem var(--font-display); }
#redacaoArea .studio-metrics small { font: 400 0.85rem var(--font-sans); color: #777; }
#redacaoArea .studio-text-action { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; background: none; padding: 10px 0; border: 0; color: #141414; cursor: pointer; font: 600 0.85rem var(--font-sans); }
#redacaoArea .studio-legacy { font-size: 0.75rem; color: #777; }
#redacaoArea .studio-save-status { flex-shrink: 0; color: #777; font-size: 0.72rem; padding: 9px 12px; border: 1px solid #e3e3e3; border-radius: 99px; }
#redacaoArea .studio-writing-heading__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#redacaoArea .studio-heading.studio-writing-heading h2 { font-size: clamp(1.6rem, 2vw, 2.2rem) !important; max-width: 42ch !important; }
#redacaoArea .studio-heading .studio-writing-context { margin: 0 0 12px !important; font-size: 0.76rem !important; }
#redacaoArea .redacao-write__grid { grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 24px; }
#redacaoArea .redacao-write__aside { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; }
#redacaoArea .redacao-prompt { padding: 24px !important; }
#redacaoArea .redacao-sheet { background-color: #fff !important; border-radius: 16px !important; border: 1px solid #e3e3e3 !important; box-shadow: var(--rs-shadow) !important; }
#redacaoArea .redacao-sheet:focus-within { border-color: #888 !important; box-shadow: 0 0 0 3px #14141408 !important; }
#redacaoArea .redacao-sheet__text:focus-visible { outline: none !important; }
#redacaoArea .redacao-sheet__text { min-height: 340px !important; height: min(52dvh, 550px) !important; resize: vertical; }
#redacaoArea .redacao-sheet__title { font-size: 1.2rem !important; }
#redacaoArea .redacao-write__foot-row { flex-wrap: wrap; gap: 16px; }
#redacaoArea .redacao-write__actions { flex-wrap: wrap; gap: 8px; }
#redacaoArea .redacao-card { padding: 28px !important; }
#redacaoArea .redacao-card__hero { background: #fff !important; color: #141414 !important; padding: 0 0 28px !important; }
#redacaoArea :is(.redacao-comp, .redacao-note, .redacao-card__verdict, .redacao-rewrite__from, .redacao-rewrite__to) { background: #fff !important; border: 1px solid #e7e7e7 !important; border-radius: 12px !important; box-shadow: none !important; }
#redacaoArea .redacao-result__actions { justify-content: end; gap: 12px; margin-top: 24px; }
#redacaoArea .studio-history-dialog { width: min(850px, calc(100vw - 32px)); max-height: 90dvh; overflow-y: auto; background: #fff; border: 1px solid #ddd; border-radius: 20px; padding: 24px; color: #141414; }
#redacaoArea .studio-history-dialog::backdrop { background: #0006; }
#redacaoArea .studio-replace-dialog { width: min(480px, calc(100vw - 32px)); max-height: 90dvh; padding: 30px; background: #fff; color: #141414; border: 1px solid #e3e3e3; border-radius: 20px; box-shadow: 0 30px 80px #0002; }
#redacaoArea .studio-replace-dialog::backdrop { background: #0006; }
#redacaoArea .studio-replace-dialog h2 { font: 500 1.8rem/1.2 var(--font-display); letter-spacing: -0.03em; margin: 0 0 16px; }
#redacaoArea .studio-replace-dialog p { font-size: 0.9rem; line-height: 1.65; color: #777; }
#redacaoArea .studio-dialog-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
#redacaoArea .studio-dialog-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
#redacaoArea .studio-dialog-bar h2 { font: 500 1.5rem var(--font-display); }
#redacaoArea .studio-paper-preview { width: 100%; padding: 36px; transform: rotate(3deg); }
#redacaoArea .studio-paper-preview__label { color: #888; font-size: 0.73rem; }
#redacaoArea .studio-paper-preview h3 { font: 500 clamp(1.5rem, 2.5vw, 2.3rem)/1.2 var(--font-display); letter-spacing: -0.03em; margin: 30px 0 22px; }
#redacaoArea .studio-paper-preview p { color: #777; font-size: 0.9rem; line-height: 1.8; overflow-wrap: anywhere; }
#redacaoArea .studio-paper-preview__lines { height: 90px; background: repeating-linear-gradient(to bottom, transparent 0 29px, #ececec 29px 30px); }
#redacaoArea .studio-paper-preview__foot { display: block; margin-top: 28px; color: #888; font-size: 0.72rem; }
#redacaoArea .rs-entry__visual { padding-left: 48px; }
@media (max-width: 1100px) {
  #redacaoArea .redacao-tut__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #redacaoArea .studio-training-layout { grid-template-columns: minmax(0, 1fr); }
  #redacaoArea .studio-guide { display: none; }
  #redacaoArea .redacao-write__grid { grid-template-columns: minmax(0, 1fr); }
  #redacaoArea .redacao-write__aside { position: static !important; max-height: none !important; }
  #redacaoArea .redacao-write__main { order: 0 !important; }
  #redacaoArea .redacao-write__aside { order: 1 !important; }
  #redacaoArea .studio-heading { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  #redacaoArea .redacao-area__scroll { padding: 28px 20px 48px !important; }
  #redacaoArea .redacao-tut__grid,
  #redacaoArea .redacao-prop__list { grid-template-columns: minmax(0, 1fr) !important; }
  #redacaoArea .studio-heading { margin-bottom: 26px; }
  #redacaoArea .studio-heading h2 { font-size: 2.2rem !important; }
  #redacaoArea .studio-heading.studio-writing-heading h2 { font-size: 1.6rem !important; }
  #redacaoArea .studio-heading p { font-size: 0.88rem !important; }
  #redacaoArea .redacao-wiz__head { padding: 22px 20px 0 !important; }
  #redacaoArea .redacao-wiz__body { padding: 22px 20px !important; }
  #redacaoArea .studio-metrics { grid-template-columns: minmax(0, 1fr); }
  #redacaoArea .studio-metrics article { display: flex; align-items: center; justify-content: space-between; }
  #redacaoArea .studio-metrics b { margin-top: 0; }
  #redacaoArea .rs-entry { display: flex !important; flex-direction: column; justify-content: center; gap: 36px !important; padding: 88px 24px 100px !important; }
  #redacaoArea .rs-entry__visual { display: none; }
  #redacaoArea .redacao-card { padding: 20px !important; }
  #redacaoArea .redacao-result__actions { flex-wrap: wrap; }
  #redacaoArea .redacao-empty { padding: 26px !important; }
}

/* Escala responsiva da entrada do estúdio de redação. */
#redacaoArea .rs-entry {
  min-height: 100svh !important;
  min-height: 100dvh !important;
  padding: clamp(112px, 14vh, 152px) clamp(40px, 8vw, 128px) 144px !important;
  background-position: center right !important;
}
#redacaoArea .rs-entry__content {
  width: min(100%, 560px);
  max-width: 560px;
}
#redacaoArea .rs-entry .redacao-home__h {
  max-width: 12ch !important;
  font-size: clamp(3.1rem, 4.8vw, 5.25rem) !important;
  line-height: 1.01 !important;
  letter-spacing: -0.055em !important;
}
#redacaoArea .rs-entry .redacao-home__sub {
  max-width: 42ch !important;
  margin: 22px 0 30px !important;
  color: #414141 !important;
  font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
  line-height: 1.6 !important;
}
#redacaoArea .rs-entry__bancas { bottom: 20px; }

@media (min-width: 761px) and (max-width: 1100px) {
  #redacaoArea .rs-entry {
    padding: 112px 52px 142px !important;
    background-image: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 30%, rgba(255,255,255,.68) 40%, rgba(255,255,255,.32) 52%, rgba(255,255,255,.08) 64%, rgba(255,255,255,0) 74%), url('/assets/redacao-home-desktop.png') !important;
    background-position: center, left center !important;
    background-size: 100% 100%, auto 100% !important;
  }
  #redacaoArea .rs-entry__content { max-width: 420px; }
  #redacaoArea .rs-entry .redacao-home__h {
    max-width: 11ch !important;
    font-size: clamp(2.8rem, 5.2vw, 3.8rem) !important;
  }
  #redacaoArea .rs-entry .redacao-home__sub {
    max-width: 37ch !important;
    margin: 18px 0 26px !important;
    font-size: 1rem !important;
  }
}

@media (max-width: 760px) {
  #redacaoArea .rs-entry {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: 100svh !important;
    min-height: 100dvh !important;
    padding: max(92px, calc(env(safe-area-inset-top, 0px) + 72px)) 24px max(112px, calc(env(safe-area-inset-bottom, 0px) + 96px)) !important;
    background-image: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 28%, rgba(255,255,255,.42) 45%, rgba(255,255,255,.1) 62%, rgba(255,255,255,0) 78%), url('/assets/redacao-home-mobile.png') !important;
    background-position: center, right 0 bottom -40px !important;
    background-size: 100% 100%, auto 68% !important;
  }
  #redacaoArea .rs-entry__content { width: 100%; max-width: 470px; margin: auto 0; transform: translateY(-32px); }
  #redacaoArea .rs-entry__label { margin: 0 0 14px; font-size: .7rem; }
  #redacaoArea .rs-entry .redacao-home__h {
    max-width: 13ch !important;
    font-size: clamp(2.15rem, 8.2vw, 2.8rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -.028em !important;
  }
  #redacaoArea .rs-entry .redacao-home__sub {
    max-width: 36ch !important;
    margin: 16px 0 24px !important;
    color: #414141 !important;
    font-size: .96rem !important;
    line-height: 1.55 !important;
  }
  #redacaoArea .rs-entry .redacao-home__actions .rs-cta {
    width: auto !important;
    min-width: 230px;
    max-width: 100%;
    flex: 0 0 auto !important;
  }
  #redacaoArea .rs-entry__links { justify-content: flex-start; gap: 20px; margin-top: 24px; }
  #redacaoArea .rs-entry__links button { font-size: .8rem; }
  #redacaoArea .rs-entry__bancas { bottom: max(12px, env(safe-area-inset-bottom, 0px)); }
  #redacaoArea .rs-entry__bancas .rs-marquee {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}

@media (max-width: 760px) and (max-height: 740px) {
  #redacaoArea .rs-entry {
    padding-top: max(76px, calc(env(safe-area-inset-top, 0px) + 52px)) !important;
    padding-bottom: max(96px, calc(env(safe-area-inset-bottom, 0px) + 76px)) !important;
  }
  #redacaoArea .rs-entry__content { transform: translateY(-18px); }
  #redacaoArea .rs-entry__label { margin-bottom: 10px !important; }
  #redacaoArea .rs-entry .redacao-home__h { font-size: clamp(1.9rem, 7.6vw, 2.45rem) !important; }
  #redacaoArea .rs-entry .redacao-home__sub { margin: 12px 0 18px !important; }
  #redacaoArea .rs-entry__links { margin-top: 18px !important; }
}

@media (max-width: 380px) {
  #redacaoArea .rs-entry { padding-left: 20px !important; padding-right: 20px !important; }
  #redacaoArea .rs-entry .redacao-home__h { font-size: clamp(2rem, 8.5vw, 2.35rem) !important; }
  #redacaoArea .rs-entry .redacao-home__actions .rs-cta { min-width: 0; }
  #redacaoArea .rs-entry__links { gap: 14px; }
}

@media (min-width: 1101px) {
  #redacaoArea .rs-entry__back {
    left: max(24px, env(safe-area-inset-left, 0px)) !important;
  }
  #redacaoArea .rs-entry { padding-left: max(24px, env(safe-area-inset-left, 0px)) !important; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  #redacaoArea .rs-entry__back { left: max(24px, env(safe-area-inset-left, 0px)) !important; }
  #redacaoArea .rs-entry { padding-left: max(24px, env(safe-area-inset-left, 0px)) !important; }
}

@media (max-height: 700px) and (min-width: 761px) {
  #redacaoArea .rs-entry { padding-top: 92px !important; padding-bottom: 124px !important; }
  #redacaoArea .rs-entry .redacao-home__h { font-size: clamp(2.8rem, 4.2vw, 4rem) !important; }
  #redacaoArea .rs-entry .redacao-home__sub { margin: 16px 0 22px !important; }
}

/* Cards claros e sem elevação; preto reservado aos destaques do produto. */
#redacaoArea {
  --rs-r: 8px;
  --rs-r-sm: 6px;
}
#redacaoArea :is(.rs-card, .redacao-tut__card, .redacao-tcard, .redacao-wiz,
 .redacao-card, .redacao-bcard, .redacao-pick, .redacao-empty, .redacao-prop--new,
 .redacao-prompt, .studio-guide, .studio-metrics article, .studio-paper-preview,
 .redacao-card__hero, .redacao-comp, .redacao-note, .redacao-card__verdict,
 .redacao-rewrite__from, .redacao-rewrite__to) {
  background: #fff !important;
  color: #171717 !important;
  border-color: #e8e8e8 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
#redacaoArea :is(.rs-card, .redacao-tut__card, .redacao-tcard, .redacao-wiz,
 .redacao-card, .redacao-bcard, .redacao-pick, .redacao-empty, .redacao-prop--new,
 .redacao-prompt, .studio-guide, .studio-metrics article, .studio-paper-preview,
 .redacao-card__hero, .redacao-comp, .redacao-note, .redacao-card__verdict,
 .redacao-rewrite__from, .redacao-rewrite__to) :is(h1,h2,h3,h4,p,span,strong,b,small,label,li,em,i) {
  color: #171717 !important;
}
#redacaoArea :is(.redacao-tut__cat, .redacao-tut__desc, .redacao-tcard__kicker,
 .redacao-tcard__meta, .redacao-prop--new__sub, .redacao-hist__score i,
 .studio-guide li p, .studio-storage-note, .studio-metrics span, .studio-metrics small,
 .redacao-empty__text, .redacao-prop__k, .redacao-paper-preview__label,
 .studio-paper-preview__foot) {
  color: #626262 !important;
}
#redacaoArea :is(.redacao-prop__metas, .studio-guide .studio-storage-note,
 .redacao-wiz__proposal, .redacao-card__verdict, .redacao-result__actions) {
  border-color: #e8e8e8 !important;
}
#redacaoArea :is(.redacao-input, .redacao-dd__trigger, .redacao-sheet,
 .redacao-sheet__text, .redacao-wiz__enuncmd) {
  background-color: #fff !important;
  color: #171717 !important;
}
#redacaoArea .redacao-tut__yt {
  color: #171717 !important;
  text-decoration: underline;
  text-decoration-color: rgba(23,23,23,.4);
  text-underline-offset: 3px;
}
#redacaoArea .redacao-tut__yt:hover { color: #171717 !important; text-decoration-color: #171717; }
#redacaoArea .redacao-prompt__bar {
  color: #626262 !important;
  border-bottom-color: #e8e8e8 !important;
}
#redacaoArea .redacao-prompt__cmd {
  background: #f5f5f5 !important;
  border-left-color: #171717 !important;
  color: #171717 !important;
}
#redacaoArea .redacao-comp__bar { background: #e7e7e7 !important; }
#redacaoArea .redacao-comp__bar i { background: #171717 !important; }
#redacaoArea .studio-empty-symbol { color: #171717 !important; }

/* Destaques escuros: criar proposta e nota geral da correção. */
#redacaoArea .redacao-prop.redacao-prop--new,
#redacaoArea .redacao-card.redacao-card__hero {
  background: #171717 !important;
  color: #fff !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
#redacaoArea :is(.redacao-prop--new, .redacao-card__hero) :is(h1,h2,h3,h4,p,span,strong,b,small,label,li,em,i) {
  color: #fff !important;
}
#redacaoArea :is(.redacao-prop--new, .redacao-card__hero) :is(.redacao-prop--new__sub, .redacao-hist__score i) {
  color: rgba(255,255,255,.76) !important;
}
/* Garante contraste nos destaques escuros sem perder a leitura do medidor claro. */
#redacaoArea .redacao-prop.redacao-prop--new .redacao-prop--new__title {
  color: #fff !important;
}
#redacaoArea .redacao-prop.redacao-prop--new .redacao-prop--new__sub {
  color: rgba(255,255,255,.78) !important;
}
#redacaoArea .redacao-card.redacao-card__hero .redacao-card__badge,
#redacaoArea .redacao-card.redacao-card__hero .redacao-card__theme {
  color: #fff !important;
}
#redacaoArea .redacao-card.redacao-card__hero .redacao-card__theme span {
  color: rgba(255,255,255,.72) !important;
}
#redacaoArea .redacao-card.redacao-card__hero .redacao-gauge__inner b {
  color: #171717 !important;
}
#redacaoArea .redacao-card.redacao-card__hero .redacao-gauge__inner span {
  color: #626262 !important;
}
#redacaoArea .redacao-dd__menu {
  max-height: min(288px, calc(100dvh - 24px));
  overflow-y: auto;
  overscroll-behavior: contain;
  border-radius: 8px !important;
  border-color: #dedede !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.2) !important;
}
#redacaoArea .redacao-dd.is-open-up .redacao-dd__menu {
  top: auto !important;
  bottom: calc(100% + 8px);
  transform-origin: bottom center;
}
#redacaoArea .redacao-dd__search {
  display: block;
  box-sizing: border-box;
  width: calc(100% - 16px) !important;
  min-height: 44px;
  margin: 8px !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: none !important;
  outline: none !important;
}
#redacaoArea .redacao-dd__search:focus,
#redacaoArea .redacao-dd__search:focus-visible {
  border-color: #777 !important;
  box-shadow: 0 0 0 3px rgba(23,23,23,.12) !important;
  outline: none !important;
}
#redacaoArea .redacao-dd__menu,
#redacaoArea .redacao-dd__menu :is(button,span,p,svg) {
  color: #171717 !important;
}
#redacaoArea .redacao-wiz .redacao-dd__menu,
#redacaoArea .redacao-wiz .redacao-dd__menu * {
  color: #171717 !important;
}
#redacaoArea .redacao-wiz .redacao-dd__value { color: #171717 !important; }
#redacaoArea .redacao-wiz .redacao-dd__value.is-placeholder { color: #171717 !important; }
#redacaoArea .redacao-dd__opt { color: #171717 !important; }
#redacaoArea .redacao-dd__opt:hover,
#redacaoArea .redacao-dd__opt.is-active {
  background: #ededed !important;
  color: #111 !important;
}

/* Fecha a fresta de antialias na base do recorte ondulado do header móvel. */
@media (max-width: 860px) {
  #redacaoArea .redacao-side {
    border: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 2px 0 #171717) !important;
  }
}

/* Ações do estúdio compartilham o mesmo botão preto da home. */
#redacaoArea :is(.redacao-btn, .rs-cta, .redacao-bcard__select, .studio-text-action) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 1px solid #171717 !important;
  border-radius: 10px !important;
  background: #171717 !important;
  color: #fff !important;
  font: 600 0.88rem/1.2 var(--font-sans) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, opacity 0.18s ease !important;
}
#redacaoArea :is(.redacao-btn, .rs-cta, .redacao-bcard__select, .studio-text-action):hover:not(:disabled) {
  background: #303030 !important;
  border-color: #303030 !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}
#redacaoArea :is(.redacao-btn, .rs-cta, .redacao-bcard__select, .studio-text-action):active:not(:disabled) {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}
#redacaoArea :is(.redacao-btn, .rs-cta, .redacao-bcard__select, .studio-text-action):disabled {
  opacity: 0.52 !important;
  cursor: not-allowed !important;
}

/* Dentro de um card escuro, o botão vira claro para continuar destacado. */
#redacaoArea :is(.redacao-prop--new, .redacao-card__hero) :is(.redacao-btn, .rs-cta, .redacao-bcard__select, .studio-text-action) {
  background: #fff !important;
  border-color: #fff !important;
  color: #171717 !important;
}
#redacaoArea :is(.redacao-prop--new, .redacao-card__hero) :is(.redacao-btn, .rs-cta, .redacao-bcard__select, .studio-text-action):hover:not(:disabled) {
  background: #e9e9e9 !important;
  border-color: #e9e9e9 !important;
  color: #171717 !important;
}
#redacaoArea :is(.redacao-prop--new, .redacao-card__hero) :is(.redacao-btn, .rs-cta, .redacao-bcard__select, .studio-text-action):active:not(:disabled) {
  background: #dcdcdc !important;
  border-color: #dcdcdc !important;
  color: #171717 !important;
}

#redacaoArea .redacao-empty { position:relative!important; overflow:hidden!important; isolation:isolate!important; }
#redacaoArea .studio-empty-orbit { right:-225px!important; bottom:-265px!important; width:400px!important; height:400px!important; border-width:1px!important; }
@media(min-width:641px) {
  #redacaoArea .studio-empty-orbit { border-color:rgba(23,23,23,.4)!important; border-width:1px!important; }
}
@media(max-width:640px) {
  #redacaoArea .studio-empty-orbit { right:-170px!important; bottom:-205px!important; width:300px!important; height:300px!important; }
}

/* ═══════════════════════════════════════════════════════════════════════
   HEADER DA REDAÇÃO — versão única e simples
   Celular: faixa preta com o conteúdo atual (logo + ícones) e o sonar de
   fundo (::before, definido acima). A BASE do próprio header tem formato
   de onda (máscara), então os anéis do sonar descem até dentro da onda —
   sem emenda. Duas camadas na máscara:
     1) bloco sólido do topo até um pouco dentro da faixa da onda;
     2) faixa da onda (34px) na base, que anda pro lado e sobe/desce de leve.
   A camada 2 tem 2 cristas de alturas diferentes → movimento orgânico.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width: 860px) {
  #redacaoArea .redacao-side {
    position: relative !important;
    z-index: 5;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 1.4rem 1.1rem calc(1.1rem + 34px) !important;   /* 34px = faixa da onda */
    margin: 0 !important;
    background: #171717 !important;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(#000, #000), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='34' viewBox='0 0 800 34' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,20%20C100,8%20200,8%20300,20%20S500,30%20560,24%20S700,32%20800,20%20L800,0%20L0,0%20Z'/%3E%3C/svg%3E") !important;
    mask-image: linear-gradient(#000, #000), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='34' viewBox='0 0 800 34' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,20%20C100,8%20200,8%20300,20%20S500,30%20560,24%20S700,32%20800,20%20L800,0%20L0,0%20Z'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat, repeat-x !important;
    mask-repeat: no-repeat, repeat-x !important;
    -webkit-mask-size: 100% calc(100% - 26px), 800px 34px !important;
    mask-size: 100% calc(100% - 26px), 800px 34px !important;
    -webkit-mask-composite: source-over !important;
    mask-composite: add !important;
    /* posição SEM !important — senão a animação não consegue mexer nela */
    -webkit-mask-position: 0 0, 0 100%;
    mask-position: 0 0, 0 100%;
    animation: redacao-wave-move 9s linear infinite !important;
  }
  #redacaoArea .redacao-side::after { display: none !important; }

  #redacaoArea .redacao-side__brand { padding: 0 !important; }
  #redacaoArea .redacao-side__mark {
    width: var(--nav-mark-size-mobile, 42px) !important;
    height: var(--nav-mark-size-mobile, 42px) !important;
  }
  #redacaoArea .redacao-side__nav { gap: 0.2rem !important; }
  #redacaoArea .redacao-side__item { padding: 0.42rem 0.5rem !important; border-radius: 11px !important; }
  #redacaoArea .redacao-side__item svg { width: 17px !important; height: 17px !important; }
}
/* Anda 1 tile (800px) por ciclo → loop sem emenda; Y oscila ±4px (marola). */
@keyframes redacao-wave-move {
  0%   { -webkit-mask-position: 0 0, 0 100%;                     mask-position: 0 0, 0 100%; }
  25%  { -webkit-mask-position: 0 0, -200px calc(100% - 4px);    mask-position: 0 0, -200px calc(100% - 4px); }
  50%  { -webkit-mask-position: 0 0, -400px 100%;                mask-position: 0 0, -400px 100%; }
  75%  { -webkit-mask-position: 0 0, -600px calc(100% + 4px);    mask-position: 0 0, -600px calc(100% + 4px); }
  100% { -webkit-mask-position: 0 0, -800px 100%;                mask-position: 0 0, -800px 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #redacaoArea .redacao-side { animation: none !important; }
}

/* PC: painel lateral — logo do mesmo tamanho da home, ícones um pouco menores. */
@media (min-width: 861px) {
  #redacaoArea .redacao-side {
    padding: 2.1rem 1.05rem 1.3rem !important;
    gap: 1.5rem !important;
  }
  #redacaoArea .redacao-side__mark {
    width: var(--nav-mark-size, 48px) !important;
    height: var(--nav-mark-size, 48px) !important;
  }
  #redacaoArea .redacao-side__item {
    padding: 0.7rem 0.9rem !important;
    font-size: 0.78rem !important;
  }
  #redacaoArea .redacao-side__item svg { width: 17px !important; height: 17px !important; }
}

/* ═══ Celular: header no topo da página, rolando junto com o conteúdo ═══
   Em vez de só a lista rolar (header sempre visível), no celular quem rola
   é a área inteira: o header fica no topo e sobe/sai da tela ao descer.
   Desktop não muda. */
@media (max-width: 860px) {
  html.redacao-open,
  html.redacao-open body {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }
  #redacaoArea {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none !important;
  }
  #redacaoArea .redacao-side { flex: 0 0 auto !important; }
  #redacaoArea .redacao-main {
    flex: 1 0 auto !important;
    min-height: auto !important;
  }
  #redacaoArea .redacao-area__scroll {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    flex: 1 0 auto !important;
  }
}

/* ═══ Propostas: card "Criar nova proposta" no padrão dos outros cards ═══
   (branco, borda fina, texto escuro — como Treinar e Histórico). Mantém a
   borda tracejada como sinal de "adicionar" e o "+" em preto. */
#redacaoArea .redacao-prop.redacao-prop--new {
  background: #fff !important;
  color: #171717 !important;
  border: 1px dashed #cfcfcf !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#redacaoArea .redacao-prop.redacao-prop--new :is(h1,h2,h3,h4,p,span,strong,b,small,label,li,em,i),
#redacaoArea .redacao-prop.redacao-prop--new .redacao-prop--new__title {
  color: #171717 !important;
}
#redacaoArea .redacao-prop.redacao-prop--new .redacao-prop--new__sub {
  color: #626262 !important;
}
#redacaoArea .redacao-prop.redacao-prop--new .redacao-prop--new__plus {
  background: #171717 !important;
  color: #fff !important;
}
#redacaoArea .redacao-prop.redacao-prop--new:hover {
  border-color: #9a9a9a !important;
}

/* Home da redação no celular: faixa de logos sem fundo sobre a Orca. */
@media (max-width: 760px) {
  #redacaoArea .rs-entry {
    background-size: 100% 100%, auto 62% !important;
    background-position: center, right -40px bottom -10px !important;
  }
  #redacaoArea .rs-entry__bancas {
    background: transparent !important;
    padding-top: 18px !important;
  }
}


/* Celular: logo e nome menores na home da redação e no header da redação. */
@media (max-width: 860px) {
  #redacaoArea .redacao-side__mark {
    width: 34px !important;
    height: 34px !important;
  }
}
@media (max-width: 760px) {
  #redacaoArea .rs-entry__back img {
    width: 34px !important;
    height: 34px !important;
  }
  #redacaoArea .rs-entry__back .site-nav__name { font-size: 1.3rem !important; }
}


/* Faixa de logos: as pontas somem num degradê suave para o branco. */
#redacaoArea .rs-marquee {
  -webkit-mask-image: linear-gradient(to right, transparent 0, rgba(0,0,0,.18) 6%, rgba(0,0,0,.6) 13%, #000 22%, #000 78%, rgba(0,0,0,.6) 87%, rgba(0,0,0,.18) 94%, transparent 100%) !important;
  mask-image: linear-gradient(to right, transparent 0, rgba(0,0,0,.18) 6%, rgba(0,0,0,.6) 13%, #000 22%, #000 78%, rgba(0,0,0,.6) 87%, rgba(0,0,0,.18) 94%, transparent 100%) !important;
}

/* ═══ Vídeo de fundo da Home da Redação (PC e Mobile) ═══ */
#redacaoArea .rs-entry {
  background-color: #ffffff !important;
  background-image: none !important;
  overflow: hidden !important;
}
#redacaoArea .rs-entry__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background-color: #ffffff;
}
#redacaoArea .rs-entry__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.94) 30%, rgba(255,255,255,.38) 42%, rgba(255,255,255,0) 52%);
}
#redacaoArea .rs-entry__bg-video {
  position: absolute;
  pointer-events: none;
  user-select: none;
  filter: brightness(1.02) contrast(1.02);
  mix-blend-mode: multiply;
}
#redacaoArea .rs-entry__bg-video--desktop {
  display: block;
  right: -130px;
  top: 50%;
  transform: translateY(-50%);
  width: min(92vw, 1520px);
  height: auto;
}
#redacaoArea .rs-entry__bg-video--mobile {
  display: none;
}

@media (min-width: 761px) and (max-width: 1100px) {
  #redacaoArea .rs-entry__bg::after {
    background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.92) 32%, rgba(255,255,255,.45) 46%, rgba(255,255,255,0) 58%);
  }
  #redacaoArea .rs-entry__bg-video--desktop {
    left: auto;
    right: -180px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: 92%;
  }
}

@media (max-width: 760px) {
  #redacaoArea .rs-entry__bg::after {
    background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.92) 36%, rgba(255,255,255,0) 50%);
  }
  #redacaoArea .rs-entry__bg-video--desktop {
    display: none;
  }
  #redacaoArea .rs-entry__bg-video--mobile {
    display: block;
    right: -40px;
    bottom: -10px;
    top: auto;
    left: auto;
    width: auto;
    height: 74%;
  }
}

/* Ajuste fino de composição: texto um pouco acima e Orca levemente abaixo. */
@media (min-width: 761px) {
  #redacaoArea .rs-entry__content {
    transform: translateY(-20px);
  }
  #redacaoArea .rs-entry__bg-video--desktop {
    top: calc(50% + 16px);
  }
}

@media (max-width: 760px) {
  #redacaoArea .rs-entry__content {
    transform: translateY(-44px) !important;
  }
  #redacaoArea .rs-entry__bg-video--mobile {
    bottom: -26px;
  }
}