#page{}


#page .page1{font-size:1.1em;}
  #page .page1 img{max-width:100%;height:auto;}
  #page .page1 p{margin:0 0 25px 0;}
  #page .page1 table{}
    #page .page1 table tr{}
      #page .page1 table tr td{padding:5px 10px;}


#page .page2{}
  #page .page2 .grid{display:grid;grid-template-columns:250px 1fr;grid-gap:30px;}
    #page .page2 .grid .aside{--offset:var(--space);align-self:start;position:sticky;top:var(--offset);}
      #page .page2 .grid .aside .nav1{}
        #page .page2 .grid .aside .nav1 ul{}
          #page .page2 .grid .aside .nav1 ul li{position:relative;padding:8px 10px 8px 15px;margin:0 0 2px 0;}
            #page .page2 .grid .aside .nav1 ul li:before{content:"";position:absolute;z-index:1;left:0;top:0;width:3px;height:100%;background:#eee;}
          #page .page2 .grid .aside .nav1 ul li.selected{}
            #page .page2 .grid .aside .nav1 ul li.selected:before{background:var(--golden1);}
            #page .page2 .grid .aside .nav1 ul li a{color:#555;}
            #page .page2 .grid .aside .nav1 ul li a:hover{color:var(--golden1);}
              #page .page2 .grid .aside .nav1 ul li a i{color:#ddd;}
              #page .page2 .grid .aside .nav1 ul li.selected a i{color:var(--golden1);}
    #page .page2 .grid .main{}
      #page .page2 .grid .main img{max-width:100%;height:auto;}
      #page .page2 .grid .main p{margin:0 0 25px 0;}
      #page .page2 .grid .main table{border-collapse:collapse;}
        #page .page2 .grid .main table tr{}
          #page .page2 .grid .main table tr td{padding:5px 5px;border:1px solid #ddd;}