article h1 {color: #2c3e50;font-size: 32px;margin-bottom: 30px;border-bottom: 2px solid #3498db;padding-bottom: 10px;}
article h2 {color: #2980b9;font-size: 26px;margin-top: 40px;margin-bottom: 20px;}
article h3 {color: #3498db;font-size: 22px;margin-top: 30px;}
article h4 {color: #16a085;font-size: 18px;margin-top: 25px;}
article p {font-family: 'Arial', sans-serif;line-height: 1.6;color: #333;margin-bottom: 20px;text-align: justify;}
article img {max-width: 100%;height: auto;display: block;margin: 20px auto;border-radius: 5px;}
article ul, article ol {margin-bottom: 25px;padding-left: 20px;}
article li {margin-bottom: 10px;line-height: 1.6;}
article table {width: 100%;border-collapse: collapse;margin-bottom: 25px;}
article th, article td {border: 1px solid #ddd;padding: 12px;text-align: left;}
article th {background-color: #f2f2f2;}
article tr:nth-child(even) {background-color: #f9f9f9;}
article .highlight {background-color: #f9f9f9;padding: 20px;border-left: 4px solid #3498db;margin-bottom: 20px;}
article .highlight-box {background-color: #f8f9fa;padding: 20px;border-left: 4px solid #3498db;margin: 25px 0;}
article .salary-table {width: 100%;border-collapse: collapse;margin: 30px 0;}
article .salary-table th, article .salary-table td {border: 1px solid #ddd;padding: 12px;text-align: left;}
article .salary-table th {background-color: #f2f2f2;}
article .quote {font-style: italic;color: #555;padding: 15px 20px;border-left: 3px solid #16a085;margin: 20px 0;}
article .pros-cons {display: flex;flex-wrap: wrap;gap: 20px;margin: 30px 0;}
article .pros, article .cons {flex: 1;min-width: 300px;padding: 20px;border-radius: 5px;}
article .pros {background-color: #e8f7f2;border: 1px solid #97dfc9;}
article .cons {background-color: #fdf2f2;border: 1px solid #f5b7b1;}
article .pros h4 {color: #16a085;}
article .cons h4 {color: #c0392b;}
article .career-card {border: 1px solid #ddd;border-radius: 5px;padding: 20px;margin-bottom: 25px;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
article .career-card h3 {color: #2980b9;margin-top: 0;border-bottom: 1px solid #eee;padding-bottom: 10px;}
article .career-card .requirements {background-color: #f9f9f9;padding: 15px;border-radius: 5px;margin: 15px 0;}
article .salary-range {font-weight: bold;color: #16a085;}
article .path-diagram {display: flex;flex-direction: column;margin: 30px 0;}
article .path-step {border: 1px solid #ddd;border-radius: 5px;padding: 15px;margin-bottom: 15px;background-color: #f9f9f9;position: relative;}
article .path-step:not(:last-child):after {content: "↓";position: absolute;bottom: -18px;left: 50%;font-size: 20px;color: #3498db;}
article .skill-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;margin: 25px 0;}
article .skill-card {background-color: #f8f9fa;border-radius: 5px;padding: 15px;border-left: 3px solid #3498db;}
article .skill-card h4 {margin-top: 0;color: #2980b9;}
article .conclusion {background-color: #f8fdff;padding: 20px;border-radius: 5px;border: 1px solid #d6eaf8;margin-top: 40px;}
article .process-card {background-color: #f9f9f9;border-radius: 5px;padding: 20px;margin-bottom: 30px;border: 1px solid #e0e0e0;}
article .process-card h3 {margin-top: 0;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
article .step-by-step {counter-reset: step-counter;padding-left: 0;list-style-type: none;}
article .step-by-step li {position: relative;padding-left: 40px;padding-bottom: 20px;counter-increment: step-counter;}
article .step-by-step li::before {content: counter(step-counter);position: absolute;left: 0;top: 0;width: 30px;height: 30px;background-color: #3498db;color: white;border-radius: 50%;text-align: center;line-height: 30px;font-weight: bold;}
article .step-by-step li:not(:last-child)::after {content: "";position: absolute;left: 15px;top: 30px;bottom: 0;width: 1px;background-color: #ddd;}
article .warning {background-color: #fdedec;padding: 15px;border-left: 4px solid #e74c3c;margin-bottom: 20px;}
article .warning-box {background-color: #fff8e6;border-left: 4px solid #f1c40f;padding: 15px;margin: 20px 0;}
article .tips-box {background-color: #e8f7f2;border-left: 4px solid #1abc9c;padding: 15px;margin: 20px 0;}
article .instrument-card {display: flex;flex-direction: column;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;margin-bottom: 25px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
article .instrument-card .card-title {background-color: #2980b9;color: white;padding: 10px 15px;font-size: 18px;font-weight: bold;}
article .instrument-card .card-content {padding: 15px;flex-grow: 1;}
article .instrument-card .card-footer {background-color: #f9f9f9;padding: 10px 15px;border-top: 1px solid #eee;font-style: italic;color: #666;}
article .method-comparison {width: 100%;border-collapse: collapse;margin: 25px 0;}
article .method-comparison th, article .method-comparison td {border: 1px solid #ddd;padding: 12px;text-align: left;}
article .method-comparison th {background-color: #f2f2f2;}
article .method-comparison tr:nth-child(even) {background-color: #f9f9f9;}
article .calculation-example {background-color: #f0f7fb;border: 1px solid #d0e3ef;border-radius: 5px;padding: 15px;margin: 20px 0;font-family: monospace;font-size: 14px;white-space: pre-wrap;}
article .formula {text-align: center;padding: 10px;margin: 15px 0;background-color: #f9f9f9;border: 1px solid #eee;border-radius: 5px;font-family: 'Times New Roman', serif;font-size: 18px;}
article .survey-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;margin: 25px 0;}
article .survey-type {background-color: #f8f9fa;border-radius: 5px;padding: 15px;border-left: 3px solid #3498db;}
article .survey-type h4 {margin-top: 0;color: #2980b9;}
article .diagram {text-align: center;margin: 30px 0;}
article .diagram img {max-width: 90%;border: 1px solid #ddd;padding: 10px;background-color: white;}
article .diagram .caption {margin-top: 10px;font-style: italic;color: #666;}
article .equipment-table {width: 100%;border-collapse: collapse;margin: 25px 0;}
article .equipment-table th, article .equipment-table td {border: 1px solid #ddd;padding: 10px;}
article .equipment-table th {background-color: #f2f2f2;}
article .accordion {margin-bottom: 20px;}
article .accordion-item {border: 1px solid #ddd;border-radius: 5px;margin-bottom: 10px;overflow: hidden;}
article .accordion-header {background-color: #f5f5f5;padding: 15px;cursor: pointer;font-weight: bold;color: #2980b9;position: relative;}
article .accordion-header::after {content: "+";position: absolute;right: 15px;font-size: 20px;color: #3498db;}
article .accordion-content {padding: 0 15px;max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;}
article .inset-text {margin: 20px 40px;padding: 15px;border-left: 3px solid #3498db;background-color: #f8fbff;font-style: italic;}
article .career-path {display: flex;flex-direction: column;margin: 30px 0;}
article .career-stage {border: 1px solid #ddd;border-radius: 5px;padding: 15px;margin-bottom: 15px;background-color: #f9f9f9;}
article .career-stage h4 {margin-top: 0;color: #2980b9;}
article .calculation-box {background-color: #eafaf1;padding: 15px;border-radius: 5px;margin-bottom: 20px;}
article .highlighted {background-color: #f9f9f9;padding: 20px;border-left: 4px solid #3498db;margin: 20px 0;}
article .data-table {width: 100%;border-collapse: collapse;margin: 25px 0;}
article .data-table th, article .data-table td {border: 1px solid #ddd;padding: 12px;text-align: left;}
article .data-table th {background-color: #3498db;color: white;}
article .data-table tr:nth-child(even) {background-color: #f2f2f2;}
article .important-note {background-color: #fdf2e9;padding: 15px;border-radius: 5px;border-left: 4px solid #e67e22;margin: 20px 0;}
article .pro-tip {background-color: #f1f9f7;border-left: 4px solid #2ecc71;padding: 15px;margin: 25px 0;}
article .summary {background-color: #ecf0f1;padding: 20px;border-radius: 5px;margin-top: 40px;}
article .intro {font-size: 18px;font-weight: 300;color: #34495e;background-color: #f9f9f9;padding: 15px;border-radius: 5px;margin-bottom: 25px;}
article .important-box {background-color: #e8f4fc;border-left: 4px solid #3498db;padding: 15px;margin: 20px 0;}
article .table-container {overflow-x: auto;margin: 25px 0;}
article .reference {font-size: 14px;color: #7f8c8d;border-top: 1px solid #eee;margin-top: 40px;padding-top: 20px;}
article .info-alert {background-color: #e8f4f8;border-radius: 5px;padding: 15px;margin: 20px 0;border-left: 4px solid #3498db;}
article .info-box {background-color: #f0fff5;border-left: 4px solid #2ecc71;padding: 15px;margin: 20px 0;}
article .term {font-weight: bold;color: #3a6ea5;}
article .footnote {font-size: 14px;color: #666;border-top: 1px solid #ddd;padding-top: 15px;margin-top: 40px;}
article .prompt-box {background-color: #e8f4fd;padding: 15px;border-radius: 5px;font-family: monospace;white-space: pre-wrap;margin-bottom: 30px;}
article .important-note {background-color: #f8f4e5;border-left: 4px solid #f1c40f;padding: 15px;margin-bottom: 20px;}
article .tip {background-color: #e8f8f5;border-left: 4px solid #1abc9c;padding: 15px;margin-bottom: 20px;}
article .procedure-step {background-color: #eaf2f8;border-radius: 6px;padding: 15px;margin-bottom: 15px;}
article .cost-table {width: 100%;border-collapse: collapse;margin-bottom: 20px;}
article .cost-table th, article .cost-table td {border: 1px solid #ddd;padding: 12px;text-align: left;}
article .cost-table th {background-color: #2980b9;color: white;}
article .cost-table tr:nth-child(even) {background-color: #f2f2f2;}
article .document-list {background-color: #f0f7fb;padding: 20px;border-radius: 6px;margin-bottom: 20px;}
article .timeline {display: flex;flex-direction: column;margin: 20px 0;}
article .timeline-item {display: flex;margin-bottom: 15px;}
article .timeline-marker {flex: 0 0 100px;text-align: center;padding: 8px;background-color: #3498db;color: white;font-weight: bold;border-radius: 4px;margin-right: 15px;}
article .timeline-content {flex: 1;padding: 8px;background-color: #ecf0f1;border-radius: 4px;}