body { font-family: Montserrat }
     


      {} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 body { font-family: 'Segoe UI', sans-serif; background-color: #f9f9f9; color: #333; padding: 20px; max-width: 900px; margin: auto; } h1, h2 { color: #1a3d7c; } a { color: #0073e6; text-decoration: none; } a:hover { text-decoration: underline; } .toc { background: #fff; padding: 20px; margin: 20px 0; border: 1px solid #e1e1e1; border-radius: 8px; } .toc ul { list-style: none; padding: 0; } .toc li { margin-bottom: 8px; } .toc a { font-weight: 500; } table { width: 100%; border-collapse: collapse; margin-top: 15px; } table th, table td { border: 1px solid #ccc; padding: 12px; text-align: left; } table th { background-color: #f1f4f8; } ol, ul { padding-left: 20px; } .cta-box { background: #e8f1fc; border-left: 6px solid #0073e6; padding: 20px; margin: 30px 0; border-radius: 6px; } .cta-box a { display: inline-block; margin-top: 10px; background: #0073e6; color: white; padding: 10px 20px; border-radius: 4px; font-weight: bold; } .faq-container { margin-top: 30px; } .faq-item { border-bottom: 1px solid #ddd; padding: 10px 0; } .faq-question { cursor: pointer; font-weight: bold; color: #1a3d7c; transition: 0.2s ease; } .faq-question:hover { color: #0073e6; } .faq-answer { display: none; padding-top: 5px; color: #555; } 

 body { font-family: 'Segoe UI', sans-serif; background: #f4f7fa; color: #222; margin: 0; padding: 0; } .container { display: flex; flex-direction: row; max-width: 1200px; margin: auto; padding: 30px 20px; gap: 40px; } .content { flex: 1; } h1, h2 { color: #1a3d7c; line-height: 1.3; } p, li { font-size: 1.05rem; } ul { padding-left: 20px; } .toc { flex-basis: 250px; position: sticky; top: 20px; background: #fff; border: 1px solid #ddd; padding: 20px; border-radius: 8px; font-size: 0.95rem; } .toc h3 { margin-top: 0; font-size: 1.1rem; color: #0073e6; } .toc ul { list-style: none; padding-left: 0; } .toc a { color: #0073e6; text-decoration: none; display: block; padding: 6px 0; } .toc a:hover { text-decoration: underline; } table { width: 100%; border-collapse: collapse; margin: 20px 0; } table th, table td { border: 1px solid #ccc; padding: 12px; background: #fff; } table th { background-color: #f1f4f8; } .cta-box { background: #e8f3ff; border-left: 6px solid #0073e6; padding: 25px; margin: 30px 0; border-radius: 6px; } .cta-box a { background: #0073e6; color: #fff; padding: 10px 18px; display: inline-block; margin-top: 15px; text-decoration: none; font-weight: bold; border-radius: 4px; } .faq-container { margin-top: 40px; } .faq-item { border-bottom: 1px solid #ddd; padding: 15px 0; } .faq-question { cursor: pointer; font-weight: bold; color: #1a3d7c; position: relative; padding-right: 25px; } .faq-question::after { content: '+'; position: absolute; right: 0; font-size: 18px; color: #0073e6; } .faq-question.active::after { content: '−'; } .faq-answer { display: none; margin-top: 10px; color: #444; } @media (max-width: 900px) { .container { flex-direction: column; } .toc { position: static; margin-bottom: 30px; } } 

 body { font-family: 'Open Sans', sans-serif; background: #f0f2f5; margin: 0; padding: 0; color: #333; } .container { max-width: 1100px; margin: auto; display: flex; flex-wrap: wrap; padding: 40px 20px; gap: 30px; } .toc { flex: 1 1 250px; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 20px; height: max-content; position: sticky; top: 20px; align-self: flex-start; font-size: 0.95rem; line-height: 1.5; } .toc h3 { margin-top: 0; color: #0056b3; } .toc ul { list-style: none; padding-left: 0; } .toc li { margin: 10px 0; } .toc a { color: #0073e6; text-decoration: none; } .toc a:hover { text-decoration: underline; } .content { flex: 3 1 600px; background: #fff; border-radius: 8px; padding: 30px; } h1 { font-size: 2.2rem; margin-bottom: 20px; color: #1a3d7c; } h2 { color: #0056b3; margin-top: 40px; margin-bottom: 15px; font-size: 1.6rem; border-bottom: 2px solid #e1e7ed; padding-bottom: 5px; } h3 { margin-top: 20px; margin-bottom: 10px; color: #0073e6; font-size: 1.3rem; } p, ul, ol, table { margin-bottom: 20px; line-height: 1.6; font-size: 1rem; } ul, ol { padding-left: 20px; } table { width: 100%; border-collapse: collapse; } table th, table td { padding: 12px; border: 1px solid #ddd; } table th { background-color: #f7f9fc; } .cta-box { background: #e6f4ff; border-left: 6px solid #0073e6; border-radius: 6px; padding: 30px; margin: 40px 0; } .cta-box h2 { margin-top: 0; } .cta-box a { display: inline-block; margin-top: 15px; background: #0073e6; color: #fff; padding: 12px 24px; border-radius: 4px; text-decoration: none; font-size: 1rem; font-weight: bold; } .faq-container { margin-bottom: 60px; } .faq-item { border-bottom: 1px solid #ddd; padding: 15px 0; } .faq-question { position: relative; font-weight: bold; color: #1a3d7c; cursor: pointer; padding-right: 30px; } .faq-question::after { content: '+'; position: absolute; right: 0; font-size: 1.2rem; color: #0073e6; top: 0; } .faq-question.active::after { content: '−'; } .faq-answer { display: none; margin-top: 10px; font-size: 0.95rem; color: #444; } @media (max-width: 900px) { .container { flex-direction: column; } .toc { position: static; margin-bottom: 20px; } }