/* R8 PC-MA (AMOSTRA, 22/10/2026) */
body.ed main.r8 { max-width: 920px; }
.r8 p { text-align: justify; hyphens: auto; }
.r8-amostra { font-family: var(--rot); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; opacity: .6; text-align: left !important; }
.r8-caixa { border: 1px solid #d8c9a8; background: var(--papel, #FBF6EC); padding: 18px 20px; margin: 6px 0 22px; }
.r8-cab { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.r8-selo { font-family: "Source Serif 4", serif; font-weight: 900; font-size: 2.2rem; line-height: 1; color: #7A1F2B; letter-spacing: -1px; }
.r8-selo sup { font-size: .9rem; font-weight: 600; color: #BF9A5E; margin-left: 1px; }
:where(:root[data-theme="dark"]) .r8-selo { color: #F4ECDB; }
.r8-cab h1 { margin: 0; font-size: 1.35rem; }
.r8-cab .r8-sub { margin: 2px 0 0; font-family: var(--rot); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--destaque); text-align: left !important; }
.r8-total { margin-left: auto; text-align: right; }
.r8-total b { display: block; font-family: "Source Serif 4", serif; font-weight: 900; font-size: 1.8rem; line-height: 1; }
.r8-total span { font-size: .8rem; opacity: .75; }
.r8-mats { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 10px; }
.r8-mats button { border: 1px solid #d8c9a8; background: transparent; color: inherit; border-radius: 999px; padding: 4px 10px; font-size: .8rem; cursor: pointer; }
.r8-mat { border: 1px solid #d8c9a8; border-radius: 999px; padding: 4px 10px; font-size: .8rem; }
.r8-mats button[aria-pressed="true"] { background: #7A1F2B; border-color: #7A1F2B; color: #fff; }
.r8-filtros { display: flex; gap: 10px; flex-wrap: wrap; align-items: end; }
.r8-filtros label { display: flex; flex-direction: column; gap: 3px; font-size: .78rem; font-family: var(--rot); letter-spacing: .06em; text-transform: uppercase; }
.r8-filtros select { min-width: 160px; }
.r8-aviso { border-left: 3px solid #BF9A5E; background: #F3E6CF; padding: 12px 14px; margin: 0 0 22px; }
:where(:root[data-theme="dark"]) .r8-aviso { background: #2c241a; }
.r8-aviso p { margin: 0 0 10px; }
.r8-dias h2, #r8-dias h2 { margin: 0 0 10px; }
.r8-espacada { border-left: 3px solid #7A1F2B; padding: 2px 0 2px 14px; margin: 0 0 10px; }
.r8-espacada p { margin: 0; text-align: justify; hyphens: auto; }
.r8-lista { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.r8-dia { border: 1px solid #d8c9a8; border-radius: 10px; padding: 12px 14px; background: #fff8; display: flex; flex-direction: column; gap: 6px; }
:where(:root[data-theme="dark"]) .r8-dia { background: transparent; }
.r8-dia.hoje { border-color: #7A1F2B; box-shadow: 0 0 0 1px #7A1F2B inset; }
.r8-dia .quando { font-family: var(--rot); font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--destaque); }
.r8-dia h3 { margin: 0; font-size: 1rem; font-family: var(--serif); text-align: left; }
.r8-dia .nota { margin: 0; font-size: .84rem; text-align: left !important; }
.r8-dia .acoes { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.r8-dia .acoes button { padding: 4px 12px; font-size: .85rem; }
/* Filtro clicável: abre o número de questões e a distribuição por matéria (autor, 23/10/2026) */
.r8-filtro summary { list-style: none; cursor: pointer; display: flex; flex-direction: column; gap: 4px; position: relative; padding-right: 22px; }
.r8-filtro summary::-webkit-details-marker { display: none; }
.r8-filtro summary::after { content: "▾"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--destaque); font-size: .9rem; transition: transform .15s; }
.r8-filtro[open] summary::after { transform: translateY(-50%) rotate(180deg); }
.r8-filtro .nota { margin: 8px 0 0; }
.r8-filtro .r8-mats { margin: 8px 0 2px; }
.r8-ver-crono { margin: 0 0 12px; text-align: left !important; }
.r8-feito { font-weight: 600; color: #2f6b3a; }
:where(:root[data-theme="dark"]) .r8-feito { color: #8fd09b; }
.r8-q { border-top: 1px solid #d8c9a8; padding: 14px 0; }
.r8-q .meta { font-size: .78rem; opacity: .75; margin: 0 0 6px; text-align: left !important; }
.r8-q .alts { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 6px; }
.r8-q .alts label { display: flex; gap: 8px; align-items: flex-start; padding: 6px 8px; border: 1px solid #e4d6b8; border-radius: 8px; cursor: pointer; }
.r8-q .alts label.certa { border-color: #2f6b3a; background: #e8f3ea; }
.r8-q .alts label.errada { border-color: #a03535; background: #f8e6e6; }
:where(:root[data-theme="dark"]) .r8-q .alts label.certa { background: #1d3323; } :where(:root[data-theme="dark"]) .r8-q .alts label.errada { background: #3a1f1f; }
.r8-q .coment { margin-top: 8px; font-size: .9rem; background: #f6efe0; padding: 8px 10px; border-radius: 8px; }
:where(:root[data-theme="dark"]) .r8-q .coment { background: #2a241c; }
.r8-cartao { position: sticky; bottom: 0; background: var(--fundo, #F4ECDB); border-top: 3px double var(--texto); padding: 10px 0 12px; margin-top: 10px; }
.r8-grade { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 8px; }
.r8-grade span { width: 34px; text-align: center; border: 1px solid #d8c9a8; border-radius: 6px; font-size: .78rem; padding: 2px 0; }
.r8-grade span.vazio { border-style: dashed; opacity: .6; }
.r8-grade span b { display: block; font-size: .9rem; }
.r8-erro { color: #a03535; font-weight: 600; margin: 6px 0; text-align: left !important; }
.r8-placar { font-family: "Source Serif 4", serif; font-weight: 900; font-size: 1.6rem; }
.r8-tab { width: 100%; border-collapse: collapse; margin: 8px 0 18px; font-size: .92rem; }
.r8-tab th, .r8-tab td { border-bottom: 1px solid #e4d6b8; padding: 6px 4px; text-align: left; }
.r8-barra { height: 8px; background: #eadfc8; border-radius: 4px; overflow: hidden; min-width: 80px; }
.r8-barra i { display: block; height: 100%; background: #7A1F2B; }
@media (max-width: 700px) { .r8-lista { grid-template-columns: 1fr; } .r8-total { margin-left: 0; text-align: left; } .r8-filtros select { min-width: 0; width: 100%; } .r8-filtros label { flex: 1 1 45%; } }