/* ===== 自定义栅格布局：row + col-8 / col-4 ===== */


@media (min-width: 1280px) {
  .container {
    max-width: 1200px;
  }
}

@media (min-width: 1280px) {
  :root,
  :host {
    --pico-font-size: 100%;
  }
}



    .row {
      display: flex;
      flex-wrap: wrap;
      gap: 1.5rem; /* 列间距 */
    }

    .col-8 {
      flex: 0 0 calc(66.666% - 0.75rem); /* 约 8/12，减掉一半 gap */
      min-width: 0;
    }

    .col-4 {
      flex: 0 0 calc(33.333% - 0.75rem); /* 约 4/12，减掉一半 gap */
      min-width: 0;
    }

    /* ===== 移动端：小于 1024px 时，全部垂直堆叠 ===== */
   @media (max-width: 1023px) {
      .col-8,
      .col-4 {
        flex: 0 0 100%; /* 占满整行，堆叠 */
      }
    }



 @media (max-width: 1023px) {
  :root,
  :host {
    --pico-font-size: 125%;
  }
}



  
/* logo */
.site-navbar .brand img {
}

.nav-menu li {
  display: block;
  padding-left: 0.5rem;
  font-size: 1rem;
}

.site-nav {
  display: block;
  width: 50%;
}

/* ------------------
 * secondary
 * --------------- */
#secondary {
  padding-top: 0.8rem; 
  word-wrap: break-word;
}    

.widget {
  padding-top: 0.2rem;
  padding-left: 0.5rem;
  margin-bottom: 1rem;
  background-color: #EEE;
   border: 1px solid #EEE;
}
.widget-list {
  padding: 0;
}
.widget-list li {
  list-style-type: none;
  margin: 5px 0;
  line-height: 1.6;
}

.widget-list li ul {
  margin-left: 15px;
}

.widget-title {
  margin: .83em 0;
  font-size: 1rem;
}

.entry-title {
  margin: .83em 0;
  font-size: 1rem;
}

.text-left {
 text-align: left;
}


/* menu nav */
nav ul {
  padding:  0.2rem 0rem 0.2rem 0rem; 
  margin: 0.5rem 0rem 0.5rem 0rem;
  background-color: #EEE;
  }

  /* footer */
.site-footer {
  padding:  0.5rem 1rem 2rem 1rem; 
  border-top: 2px solid #ddd;
  
}