/* Folha de redação em tamanho real: 30 linhas, 86 caracteres por linha */
.red-wrap { max-width: 1060px; margin: 0 auto; }
.red-topbar { position: sticky; top: 61px; z-index: 40; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 14px; margin-bottom: 14px; border: 1px solid var(--borda); border-radius: 14px; background: color-mix(in srgb, var(--superficie) 94%, transparent); backdrop-filter: blur(10px); box-shadow: var(--shadow); }
@media (max-width: 991.98px) { .red-topbar { top: 108px; } }
.red-topinfo { flex: 1 1 260px; min-width: 0; }
.red-short { font-weight: 650; font-size: .96rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.red-pill { font-variant-numeric: tabular-nums; font-weight: 800; font-size: .9rem; padding: 6px 12px; border-radius: 99px; background: var(--superficie-2); border: 1px solid var(--borda-forte); white-space: nowrap; }
.red-pill.ok { background: rgba(92, 201, 141, .14); border-color: #5cc98d; color: #5cc98d; }
.red-pill.over { background: rgba(239, 138, 132, .14); border-color: #ef8a84; color: #ef8a84; }

.red-details { background: var(--superficie); border: 1px solid var(--borda); border-radius: 16px; margin-bottom: 14px; box-shadow: var(--shadow); }
.red-details > summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; font-weight: 700; }
.red-details > summary::-webkit-details-marker { display: none; }
.red-details > summary::after { content: "▾"; margin-left: 8px; opacity: .6; }
.red-details:not([open]) > summary::after { content: "▸"; }
.red-details .red-prop { position: static !important; max-height: none !important; border: 0; box-shadow: none; background: transparent; padding: 4px 16px 16px; }
.red-details .red-prop .enem-img { margin-left: auto; margin-right: auto; }

.folha-side { margin-bottom: 12px; display: grid; gap: 8px; }
.folha-area { display: block; }
.folha { font-family: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace; --lh: 2.35em; font-size: clamp(9px, 1.75vw, 17px); margin: 0 auto; width: calc(2.9em + 86ch + 2.4em + 6px); max-width: 100%; background: #fdfcf7; color: #151b33; border-radius: 6px; box-shadow: 0 2px 4px rgba(0, 0, 0, .35), 0 24px 60px rgba(0, 0, 0, .55); overflow: hidden; border: 1px solid #cfd2dc; }
.folha-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: baseline; padding: .7em 1.1em; border-bottom: 2px solid #1a1d2e; background: #f1f2f7; font-family: Arial, "Helvetica Neue", sans-serif; font-size: .78em; color: #1a1d2e; }
.folha-head b { letter-spacing: .14em; font-size: 1.15em; }
.folha-body { position: relative; display: flex; }
.folha-nums { flex: 0 0 2.9em; width: 2.9em; display: flex; flex-direction: column; border-right: 2px solid #1a1d2e; background: #fdfcf7; font-family: Arial, sans-serif; color: #1a1d2e; }
.folha-nums i { display: block; height: var(--lh); line-height: var(--lh); text-align: center; font-style: normal; font-weight: 700; font-size: .78em; border-bottom: 1px solid #8f98ad; }
.folha-ta { flex: 1 1 auto; display: block; width: calc(86ch + 2.4em); min-width: 0; height: calc(var(--lh) * 30); box-sizing: border-box; resize: none; border: 0; outline: 0; margin: 0; padding: 0 1.2em; overflow-y: auto; font: 1em/var(--lh) ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace; color: #151b33; caret-color: #1d4ed8;
  background-color: #fdfcf7; background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--lh) - 1px), #8f98ad calc(var(--lh) - 1px), #8f98ad var(--lh)); background-attachment: local; }
.folha-ta::placeholder { color: #9aa1b5; font-style: italic; }
.folha-mirror { position: absolute; left: 2.9em; top: 0; visibility: hidden; pointer-events: none; white-space: pre-wrap; overflow-wrap: break-word; word-break: normal; box-sizing: border-box; border: 0; margin: 0; height: auto; overflow: visible; font-family: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace; }
@media (max-width: 575.98px) { .folha { font-size: 8.5px; } }