/* =====================================================================
   evidence-standard.css — estilos dos 8 componentes do Evidence Standard.
   Identidade Microbiota.org. Mobile-first. Usa as CSS vars do style.css
   (--ink, --gold, --paper, --card, --line, --green, --amber, --dim).
   ===================================================================== */

/* blocos genéricos */
.es-block{margin:1.8rem 0;}
.es-h{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:1.25rem;color:var(--ink,#14253D);margin:0 0 .9rem;}
.es-p{font-size:1rem;line-height:1.65;color:var(--graphite,#2B2B2B);}
.es-tag{display:inline-block;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--gold,#B08D3E);border:1px solid var(--gold,#B08D3E);border-radius:5px;padding:.2rem .5rem;}
.es-block-h{margin-bottom:.7rem;}

/* ---- 8.1 Evidence Card ---- */
.evidence-card{border:1px solid var(--line,#E4DECF);border-radius:12px;overflow:hidden;margin:1.5rem 0;}
/* faixa de NÍVEL — primeiro e dominante */
.ev-level{display:flex;flex-direction:column;gap:.5rem;background:var(--ink,#14253D);color:var(--paper,#F5F1E8);padding:1.2rem 1.4rem;}
.ev-level-k{font-family:Inter,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#B9C4D4;font-weight:600;}
.ev-level-v{display:flex;align-items:center;gap:.8rem;}
.ev-grade-xl{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9px;color:#fff;font-weight:700;font-size:1.7rem;font-family:Inter,sans-serif;flex-shrink:0;}
.ev-grade-xl.gA{background:#3A7D44;} .ev-grade-xl.gB{background:#7A8B2E;}
.ev-grade-xl.gC{background:#C46A2B;} .ev-grade-xl.gD{background:#9A917E;}
.ev-level-name{font-family:'Playfair Display',Georgia,serif;font-size:1.1rem;font-weight:500;color:var(--paper,#F5F1E8);line-height:1.25;}
/* grid dos demais campos */
.ev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line,#E4DECF);}
.ev-cell{background:var(--card,#FDFCF9);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.25rem;}
.ev-k{font-family:Inter,sans-serif;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--dim,#6B6354);font-weight:600;}
.ev-v{font-family:Inter,sans-serif;font-size:.98rem;color:var(--ink,#14253D);font-weight:500;}
.ev-oi{grid-column:1 / -1;}
.ev-oi.oi-low .ev-v{color:#3A7D44;} .ev-oi.oi-mid .ev-v{color:#C46A2B;} .ev-oi.oi-high .ev-v{color:#B23A2E;font-weight:700;}
.ev-oi.oi-high{background:#FBEEEC;}
@media(min-width:640px){.ev-grid{grid-template-columns:repeat(3,1fr);} .ev-oi{grid-column:auto;}}

/* ---- 8.2 PICO / PECO ---- */
.pico-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;}
.pico-table th{text-align:left;width:34%;vertical-align:top;padding:.7rem .9rem;background:var(--paper,#F5F1E8);color:var(--ink,#14253D);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;border:1px solid var(--line,#E4DECF);}
.pico-table td{padding:.7rem .9rem;color:var(--graphite,#2B2B2B);border:1px solid var(--line,#E4DECF);font-size:.97rem;line-height:1.5;}

/* ---- 8.3 Summary of Findings & ---- 8.4 Risk of Bias (tabelas) ---- */
.sof-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.sof-table,.rob-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:.92rem;min-width:520px;}
.sof-table th,.rob-table th{background:var(--ink,#14253D);color:var(--paper,#F5F1E8);text-align:left;padding:.6rem .8rem;font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;font-weight:600;}
.sof-table td,.rob-table td{padding:.6rem .8rem;border-bottom:1px solid var(--line,#E4DECF);color:var(--graphite,#2B2B2B);vertical-align:top;}
.sof-table tr:last-child td,.rob-table tr:last-child td{border-bottom:none;}
.rob-badge{display:inline-block;font-size:.78rem;font-weight:600;padding:.18rem .5rem;border-radius:5px;white-space:nowrap;}
.rob-badge.rob-low{background:#E7F0E8;color:#2E6B3A;}
.rob-badge.rob-some{background:#FBF0E3;color:#B5701F;}
.rob-badge.rob-high{background:#FBE7E4;color:#B23A2E;}
.rob-badge.rob-na{background:#EFECE3;color:#6B6354;}

/* ---- 8.5 Clinical Translation Box (elegante, porém subordinado ao Do Not Overinterpret) ---- */
.clinical-box{background:var(--card,#FDFCF9);border:1px solid var(--line,#E4DECF);border-left:3px solid var(--gold,#B08D3E);border-radius:10px;padding:1.1rem 1.3rem;}
.clinical-box .es-h{font-size:1.1rem;}
.ct-row{display:flex;flex-direction:column;gap:.2rem;padding:.55rem 0;border-bottom:1px dashed var(--line,#E4DECF);}
.ct-row:last-child{border-bottom:none;}
.ct-q{font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;color:var(--gold2,#9A7A30);}
.ct-a{font-family:Inter,sans-serif;font-size:.95rem;color:var(--graphite,#2B2B2B);line-height:1.5;}

/* ---- 8.6 Do Not Overinterpret Box (a defesa central do padrão — pesa mais que tudo) ---- */
.do-not-over{display:flex;gap:1.1rem;align-items:flex-start;background:#FBEEEC;border:2px solid #D98A7E;border-left:6px solid #B23A2E;border-radius:12px;padding:1.7rem 1.9rem;margin:2.4rem 0;box-shadow:0 2px 14px rgba(178,58,46,.08);}
.dno-icon{font-size:1.7rem;line-height:1;color:#B23A2E;flex-shrink:0;margin-top:.15rem;}
.dno-body{flex:1;}
.dno-label{display:inline-block;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#B23A2E;background:#F6DAD4;border-radius:4px;padding:.22rem .55rem;margin-bottom:.7rem;}
.dno-h{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.35rem;color:#8F2A20;margin:0 0 .6rem;line-height:1.2;}
.dno-p{font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.65;color:#6E2A22;margin:0;}
@media(max-width:460px){
  .do-not-over{flex-direction:column;gap:.6rem;padding:1.3rem 1.2rem;}
  .dno-icon{margin-top:0;}
  .dno-h{font-size:1.2rem;}
  .dno-p{font-size:1rem;}
}

/* ---- 8.7 Mechanism Diagram ---- */
.mech-block{background:var(--card,#FDFCF9);border:1px solid var(--line,#E4DECF);border-radius:10px;padding:1.2rem 1.4rem;}
.mech-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.4rem 0 .9rem;}
.mech-node{background:var(--paper,#F5F1E8);border:1px solid var(--line,#E4DECF);border-radius:8px;padding:.55rem .85rem;font-family:Inter,sans-serif;font-size:.9rem;color:var(--ink,#14253D);font-weight:500;}
.mech-arrow{color:var(--gold,#B08D3E);font-weight:700;font-size:1.1rem;}
.mech-label{font-family:Inter,sans-serif;font-size:.82rem;font-style:italic;color:var(--dim,#6B6354);margin:0;}

/* ---- 8.8 Technical Appendix (colapsável) ---- */
.tech-appendix{border:1px solid var(--line,#E4DECF);border-radius:10px;margin:2rem 0;background:var(--card,#FDFCF9);}
.tech-appendix>summary{cursor:pointer;padding:1rem 1.3rem;font-family:Inter,sans-serif;font-weight:600;color:var(--ink,#14253D);list-style:none;display:flex;align-items:center;justify-content:space-between;}
.tech-appendix>summary::-webkit-details-marker{display:none;}
.tech-appendix>summary::after{content:'+';font-size:1.3rem;color:var(--gold,#B08D3E);}
.tech-appendix[open]>summary::after{content:'\2212';}
.ap-body{padding:0 1.3rem 1.3rem;}
.ap-sec{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line,#E4DECF);}
.ap-sec:first-child{border-top:none;}
.ap-sec h4{font-family:Inter,sans-serif;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gold2,#9A7A30);margin:0 0 .5rem;}
.ap-sec p,.ap-sec li{font-family:Inter,sans-serif;font-size:.94rem;line-height:1.55;color:var(--graphite,#2B2B2B);}
.ap-sec ul{margin:0;padding-left:1.2rem;}
.ap-versions li{margin-bottom:.3rem;}