/*** General G-styles for big math pages, GG 2023.
          (body#G_Body (.day|.eve)? -> .web)?
        (=> .Gmob)? (=> .Gsource|.Gplain)?
      -> .Gmain (.day|.eve)? -> .Ggro..
    -> .artbox => .art  DRAFT get rid of .artbox?
  => parsed text by rules in GG-scripts
 ******************************* wrap margin 50 */
body#G_Body {
  margin: 0;
}
body {                /* onload flash with text */
  background: #eeeeee;    /* then day or eve bg */
}
/* TEST */
#G_Body div.web {
  margin: 0 auto -8px;
}
div.web {
  max-width: 600px;             /* lined out
  to show the Find input close X right below
  the scroll bar in Firefox 86 at 100% zoom! */
}
/* Dynamic scripted options, in order:
   div .Gmob :: div .Gsource | .Gplain */
div.Gplain, div.artbox {
  min-width: 300px;
}
div.Gplain, div.artbox {
  max-width: 600px;
  text-align: left;
}
div.Gmain {      /* standard 16px */
  font: 1em/132% Arial, Helvetica, sans-serif;
}
/* Remove .Gtemp from div.artbox after parsing */
div.Gtemp,
.Gplain div.artbox {
  white-space: pre;
}
div.Gtemp {
  line-height: 115%;
  padding: 5px 15px 10px;
}
div.art {
  white-space: normal;
  border: solid 1px;
  padding-top: 0.2em;
  padding-bottom: 0.5em;
  margin: 0.8em auto;
}
div.draft {
  margin: 1.2em 0;
}
.art p.motto,   /* quotation heading right */
div#G_theme {
  font: italic 1.05em/130% Georgia, serif;
  text-align: right;
  margin: 1em 2% 0.4em 0;
}
p.motto em { /* quotation signature below */
  font-size: 0.95em;
  font-style: normal;
  line-height: 160%;
  margin-right: 0.4em;
}
/* Section titles */
.art h2, .art h3, .art h4 {
  letter-spacing: 1px;
  margin: 0.7em 10px 0.5em 15px;
}
.art h2 {
  margin-top: 0.6em;
  font-size: 1.38em;
}
.art h3 {
  font-size: 1.28em;
}
.art h4 {
  font-size: 1.16em;
}
.art h2 var, .art h2 code,
.art h3 var, .art h3 code,
.art h4 var, .art h4 code {
  color: inherit;
  font-size: 1.15em;
  font-weight: inherit;
}
/* Scripted subsections without title */
.art hr {
  margin: 1.2em 22%;
}
/* Paragraphs */
.art p {  /* check margin for pre */
  margin: 0.65em 2%;
}
.artbox img.mid {
  display: block;
  width: 77%;
  max-width: 464px;
  /* border set by .eve or in special.css */
  margin: 1.3em auto;
}
.art img.right {
  width: 36%;  /* Asus + mobile, Acer 33% */
  max-width: 240px;
  float: right;
  margin: 1% 2% 2% 2%;
}
/* Normal list, overrule by ul.pre ol.pre */
.art ul, .art ol {
  margin: 0.8em 2% 1.2em 1%;
}
.art ul {
  padding-left: 7%;
}
.art ol {
  padding-left: 10%;
}
.art li {
  margin: 0.12em 0;
}
/* Code text fields, with translate="no"
   attribute by GG.Dom.setTranslate() */
pre, .pre, .art code, .art var,
.art samp {    /* use <samp to avoid parsing */
  font-family: 'Courier New', monospace;
  font-style: normal;
}
pre, pre.pre, ul.pre, ol.pre {
  overflow: auto;
  border-style: solid;
  border-width: 2px 0;
  padding-left: 5.5%;
  margin: 0.18em 0;  /* for sibling pre */
}
pre, pre.pre, .pre li {
  white-space: pre;
}
pre, pre.pre {
  line-height: 134%;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
ul.pre, /* index rule list */
ol.pre /* bullet rule list */ {
  font-size: 1.05em;
  line-height: 137%;
  list-style-position: inside;
  padding-top: 0.05em;
  padding-bottom: 0.05em;
}
.pre li {
  margin: 0.2em 0;
}
ul.pre li {
  padding-left: 0.3em;
}
/* Large quoted text */
.art blockquote {       /* default class .size0 */
  margin: 0.2em 2em;
}
blockquote.size1 {       /* 1 or 2 extra spaces */
  margin-left: 2.5em;
  margin-right: 2.5em; }
blockquote.size2 {       /* 3 or 4 extra spaces */
  margin-left: 3em;
  margin-right: 3em; }
blockquote.size3 {       /* 5 or 6 extra spaces */
  margin-left: 4em;
  margin-right: 4em;
}
blockquote.size4 {
  text-align: center;
}
blockquote.size5, blockquote.size6 {
  text-align: right;
  white-space: pre;
}
blockquote.size5 {
  font: italic 1em Georgia, serif;
  margin: 1.25em 2em;
}
blockquote.size6 {
  margin-right: 2em;
}
.art cite {
  font-style: italic;
  margin-right: 0.05em;
}
.art blockquote cite {
  font-size: 0.95em;
  line-height: 170%;
  letter-spacing: 0;
}
/* Links */
.Gmain a {
  text-decoration: underline;
}
p a {
  margin: 0 0.05em;
}
a.sect {
  font-size: 0.95em;
  letter-spacing: 0;
  text-decoration: none;
  margin-right: 0.18em;
}
a.sect b {
  font-weight: inherit;
  font-size: 1.06em;
  margin-right: 0.12em;
}
/* Text layout */
.art em {
  margin-right: 0.04em;
}
.art strong { /* scripted
     default Spans.format */
  margin: 0 0.06em;
}
.art code, .art var, .art samp {
  font-size: 1.05em;
  line-height: 110%;
  white-space: nowrap;
  padding: 0 0.16em;
  margin: -0.03em
}
.art var {
  font-style: inherit;
}
.art abbr {
  font: 1em/100% Verdana, sans-serif;
  font-variant: small-caps;
  margin: 0 0.07em;
}
.art abbr.def,
.art h3 abbr, .art h4 abbr {
  font-weight: bold;
  margin: 0 0.1em;
  /* font-weight: inherit; */
}
.art abbr.def {
  font-variant: normal;
}
.Gmain .art a abbr.def {
  color: inherit;
}
/* Q is OBSOLETE, rule q: inserts span.q em */
.art q, span.q {
  quotes: '\22' '\22';     /* quot */
  font-style: italic;
  margin: 0 0.1em 0 -0.03em;
}
.art q::before {
  content: open-quote; }
.art q::after {
  content: close-quote;
}
/* rule GG.Codor.q: inserts copyable quotes */
.art .q em {
  margin: 0;
}
/* see GG.Spans.note rule */
span.note {
  font: 0.9em Arial, Helvetica, sans-serif;
}
span.note::before { /* no copya, reuse with css */
  content: '\AB'     /* left angle double quote */
}
/* span.note em:after {   a closing &raquo;
  content: '\BB'    /* or &laquo; or not
} */
.art span.note em {  /* .note text is in EM */
  /* margin: 0 0.2em 0 0.1em; */
  padding-left: 0.2em;
}
sub {
  font-size: 0.85em;
}
sub sub {
  font-size: 0.9em;
}
.pre sub, .pre sup,
.art p sub, .art p sup {
  line-height: 80%; }
.art p sub sub {
  line-height: 25%;
}