/* GRAPH */

/* TABLE.graph { border-bottom:2px solid #247;  } */

ARTICLE>DIV.graph { overflow-x:scroll; }


TABLE.graph { margin-top:2em; } 
TABLE.graph TD { vertical-align:bottom; overflow:visible; padding:.5em; text-align:center; }
TR.graph TD { height:10em; border-right:1px solid var(--line); padding-bottom:0; }
SPAN.graph_b { background-color:#9B5; }

SPAN.graph
{ 	margin:auto; display:block; width:.5em; 
	text-align:center; overflow:visible; 
}

SPAN.graph.true { background-color:var(--theme); border-radius:1em 1em 0 0 ; }
SPAN.graph.false { background-color:var(--grey); border-radius:0 0 1em 1em; }
SPAN.graph.true.perfect { border-radius:1em 1em 1em 1em ; }


/*	texte interne */
TABLE.graph SUB { display:block; font-size:80%; }
TABLE.graph SUB.lined { border-top:1px solid var(--line); }

SPAN.graph SUB { display:block; color:var(--black); font-size:70%; }

SPAN.graph.true SUB { position:relative; top:-2em; left:-.5em; background-color:var(--theme); color:var(--white); font-weight:bold; border-radius:100%; width:1.5em; }
SPAN.graph.false SUB { position:relative; left:1em; border-radius:100%; background-color:var(--white); color:var(--grey); }


TABLE.graph TH { vertical-align:middle; text-align:center; }
TR.result TD { border-top:2px solid #247;  text-align:center; }

TABLE.graph.long { width:auto; }
TABLE.graph.long TR.graph TD { height:5em; }

TABLE.graph TR.mini TD { overflow:hidden; font-size:80%; }

/* stats */

TABLE.grid.stats { table-layout:auto; border-collapse:collapse; }
TABLE.stats TR.err { background-color:RGBA(150,150,150,.1); }
TABLE.stats TR.valid { background-color:RGBA(150,250,0,.1); }

SPAN.score { font-weight:bold; font-style:italic; font-size:400%; color:var(--theme); animation: focuszoom ease 1s; }