table {overflow-x: auto;width: 98%; border-radius:10px;border:1px solid #7c7c7c;margin:6px;padding:6px;padding-bottom:10px;padding-top:4px;}
table th {font-size: 10pt; padding:6px;background:#ffc2cc;border-radius:10px;}
table td {font-size: 10pt;}
table td {padding: 4px;}
table th {white-space:nowrap;font-weight:normal;text-align: center;}
.audio-wrapper {  width: 90%;  height: 30px; }
audio {  width: 100%;  height: 100%;   -webkit-appearance: none;  appearance: none;  }
@media screen and (max-width: 768px) {
.audio-container {max-width: 90%;   }
.audio-wrapper {width: 90%;    height: 30px;    background: #f0f0f0;    border-radius: 5px;    overflow: hidden;}}  
hr {height: 30px;margin-top: 30px;
    border-style: solid;
    border-color: var(--pink);
    border-width: 1px 0 0 0;
    border-radius: 20px;
    opacity: 1.3;}

    h1 {
      font-size: 1.9rem;
      font-weight: 700;
      margin-bottom: 1.8rem;
      color: #1a1a1a;
      line-height: 24px; 
     padding-top: 20px;
    }
    h2 {
      font-size: 1.4rem;
      font-weight: 700;
      margin: 2.2rem 0 1.2rem;
      color: #2c3e50;
      line-height: 24px; 
    }
    p {
      margin-bottom: 1.2rem;
      font-size: 1.04rem;
    }
    ul, ol {margin: 0.2rem;}
    li { margin-bottom: 0.1rem;}
    details {margin-bottom: 0.9rem;
      border: 1px solid #e0e0e0;
      border-radius: 6px;
    }
    summary {
      padding: 0.9rem 1.2rem;
      font-weight: 600;
      cursor: pointer;
      background-color: #f9f9f9;
      outline: none;
    }
    details[open] summary {background-color: #eef2ff;color: #2c3e50;}
    details p {
      margin: 0.8rem 1.2rem 1rem;
      font-size: 1rem;
      line-height: 1.6;
    }
    .highlight {
      background-color: #f0f9ff;
      padding: 1.2rem 1.4rem;
      border-left: 4px solid #1976d2;
      margin: 1.8rem 0;
      font-style: italic;
      color: #0d47a1;
    }
    @media (max-width: 600px) {
      body {padding: 1.5rem; font-size: 0.95rem;}
      h1 {font-size: 1.6rem;}
      h2 { font-size: 1.25rem;}
      img {display: block; text-decoration: none;  outline: none; border: none !important;width:100%;}
    }
img {display: block; margin: 0 auto; height: auto;    border-radius: 10px;    width: 70%;    padding-right: 7px;}
 @media (max-width: 768px) {
 img {display: block; text-decoration: none;  outline: none; border: none !important;width:100%;} }
 .site-footer {background-color: var(--gray-800); color: white;  padding: 3rem 0 2rem;}
.site-footer a {color: #9ca3af;  text-decoration: none;  transition: color 0.2s;}
.site-footer a:hover {color: white;}
.footer-bottom {  max-width: 1280px;  margin: 2rem auto 0;  padding: 0 1.5rem;  border-top: 1px solid #374151;  text-align: center;  color: #9ca3af;  font-size: 0.875rem;}
.back {color: var(--pink);text-decoration: none;}
.back a {color: var(--pink);text-decoration: none;}
.back a:hover {color:var(--pink);}