.superhero-article-container{font-family:'Roboto',Arial,sans-serif;color:#333;line-height:1.6;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8f0 100%);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);}.article-title{font-size:2.5rem;color:#2c3e50;text-align:center;margin-bottom:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#3498db,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}.section-title{font-size:1.8rem;color:#2c3e50;margin-bottom:15px;border-bottom:2px solid #3498db;padding-bottom:10px;position:relative;}.section-title::after{content:'';position:absolute;bottom:-2px;left:0;width:100px;height:2px;background-color:#e74c3c;}.section-intro{font-size:1.1rem;margin-bottom:20px;color:#555;}.article-header{text-align:center;margin-bottom:40px;padding:20px;background:rgba(255,255,255,0.7);border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,0.1);}.article-intro{max-width:800px;margin:0 auto;}.toc-container{background:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 3px 10px rgba(0,0,0,0.1);}.toc-title{font-size:1.3rem;margin-bottom:15px;color:#2c3e50;}.toc-list{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;}.toc-list li{margin-bottom:10px;}.toc-list a{text-decoration:none;color:#3498db;background-color:#f0f4f8;padding:8px 15px;border-radius:20px;display:inline-block;transition:all 0.3s ease;font-weight:500;}.toc-list a:hover{background-color:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 3px 5px rgba(0,0,0,0.1);}.hero-section{margin-bottom:50px;padding:25px;border-radius:10px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);}.classic-section{background:linear-gradient(to right,#fff,#f0f4f8);}.classic-names-container{columns:3;column-gap:30px;}.classic-names-list{list-style-type:none;padding:0;}.classic-names-list li{margin-bottom:10px;padding:8px 15px;background-color:#f8f9fa;border-left:3px solid #3498db;border-radius:0 5px 5px 0;transition:all 0.3s ease;}.classic-names-list li:hover{background-color:#e1f0fa;transform:translateX(5px);border-left-color:#e74c3c;}.elemental-section{background:linear-gradient(to right,#fff,#f0f8ff);}.table-container{overflow-x:auto;}.elemental-table{width:100%;border-collapse:collapse;margin-top:20px;}.elemental-table th,.elemental-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd;}.elemental-table th{background-color:#3498db;color:white;font-weight:600;}.elemental-table tr:nth-child(even){background-color:#f2f2f2;}.elemental-table tr:hover{background-color:#e1f0fa;}.cosmic-section{background:linear-gradient(to right,#fff,#f0f0ff);}.cosmic-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px;}.cosmic-card{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);border-radius:10px;padding:20px;color:white;box-shadow:0 5px 15px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;}.cosmic-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.3);}.cosmic-card h4{margin-top:0;font-size:1.3rem;margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,0.5);color:white;}.meaning{font-size:0.9rem;opacity:0.9;}.animal-section{background:linear-gradient(to right,#fff,#f0fff0);}.accordion-container{margin-top:20px;}.accordion-item{margin-bottom:10px;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.1);}.accordion-header{background-color:#3498db;color:white;padding:15px 20px;cursor:pointer;font-weight:600;position:relative;transition:background-color 0.3s ease;}.accordion-header:hover{background-color:#2980b9;}.accordion-header::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;}.accordion-item.active .accordion-header::after{content:'-';}.accordion-content{background-color:#f9f9f9;padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}.accordion-item.active .accordion-content{padding:15px 20px;max-height:500px;}.animal-list{columns:2;column-gap:20px;list-style-type:none;padding:0;}.animal-list li{margin-bottom:8px;padding:5px 0;}.tech-section{background:linear-gradient(to right,#fff,#f0f8ff);}.filter-container{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;}.filter-btn{background-color:#f0f4f8;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;font-weight:500;transition:all 0.3s ease;}.filter-btn:hover,.filter-btn.active{background-color:#3498db;color:white;}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;}.tech-item{background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease;border-top:3px solid #3498db;}.tech-item:hover{transform:translateY(-5px);}.tech-item h4{margin-top:0;color:#2c3e50;margin-bottom:10px;}.tech-item p{margin:0;font-size:0.9rem;color:#666;}.myth-section{background:linear-gradient(to right,#fff,#fff0f0);}.myth-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px;}.myth-column{background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 3px 10px rgba(0,0,0,0.1);}.myth-region{color:#e74c3c;margin-top:0;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:5px;}.myth-list{list-style-type:none;padding:0;}.myth-list li{margin-bottom:10px;font-size:0.95rem;}.myth-name{font-weight:600;color:#2c3e50;}.myth-origin{font-size:0.85rem;color:#666;font-style:italic;}.generator-section{background:linear-gradient(to right,#fff,#f0f0f0);}.generator-container{background-color:#f8f9fa;border-radius:10px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.1);}.generator-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px;}.option-group{display:flex;flex-direction:column;}.option-group label{margin-bottom:5px;font-weight:500;}.generator-select{padding:10px;border-radius:5px;border:1px solid #ddd;background-color:white;}.generate-button{background-color:#3498db !important;color:white !important;border:none;padding:12px 25px !important;border-radius:5px !important;font-weight:600 !important;cursor:pointer !important;transition:background-color 0.3s ease !important;display:block !important;margin:0 auto 20px !important;}.generate-button:hover{background-color:#2980b9;}.result-container{text-align:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.1);}.hero-name-result{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;}.hero-description{color:#666;font-style:italic;}.female-section{background:linear-gradient(to right,#fff,#fff0f5);}.circular-display{overflow:hidden;margin-top:20px;}.circle-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:20px 0;}.circle-item{background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#333;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;padding:10px;font-size:0.9rem;}.circle-item:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,0.2);}.male-section{background:linear-gradient(to right,#fff,#f0f8ff);}.word-cloud-container{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,0.1);}.word-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:20px;}.word-cloud span{display:inline-block;padding:5px 10px;border-radius:5px;background-color:#3498db;color:white;margin:5px;transition:transform 0.3s ease,background-color 0.3s ease;}.word-cloud span:hover{transform:scale(1.1);background-color:#2980b9;}.tag-size-1{font-size:0.8rem;opacity:0.7;}.tag-size-2{font-size:1rem;opacity:0.8;}.tag-size-3{font-size:1.2rem;opacity:0.9;}.tag-size-4{font-size:1.4rem;}.tag-size-5{font-size:1.6rem;font-weight:bold;}.conclusion-section{background:linear-gradient(to right,#fff,#f5f5f5);padding:25px;border-radius:10px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,0.1);}.back-to-top-btn{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background-color:#3498db;color:white;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,0.2);z-index:1000;transition:background-color 0.3s ease;}.back-to-top-btn:hover{background-color:#2980b9;}.article-intro p{text-align:justify;}@media (max-width:992px){.article-title{font-size:2.2rem;}.section-title{font-size:1.6rem;}.section-intro{font-size:1.05rem;}.toc-list a{padding:7px 13px;font-size:0.95rem;}.classic-names-container{columns:2;column-gap:20px;}.cosmic-cards-container{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}.accordion-content{padding:12px 16px;}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}.generator-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}.circle-item{width:100px;height:100px;font-size:0.85rem;}.back-to-top-btn{width:36px;height:36px;font-size:18px;}}@media (max-width:768px){.article-title{font-size:2rem;}.section-title{font-size:1.4rem;}.section-intro{font-size:1rem;}.toc-list{flex-direction:column;}.classic-names-container{columns:1;}.cosmic-cards-container{grid-template-columns:1fr;}.accordion-content{max-height:none;}.tech-grid{grid-template-columns:1fr;}.generator-options{grid-template-columns:1fr;}.circle-item{width:90px;height:90px;font-size:0.8rem;}}@media (max-width:600px){.article-title{font-size:1.8rem;}.section-title{font-size:1.3rem;}.section-intro{font-size:0.95rem;}.toc-list a{padding:6px 12px;font-size:0.9rem;}.cosmic-cards-container{grid-template-columns:1fr;}.tech-grid{grid-template-columns:1fr;}.generator-options{gap:10px;}.generator-select{width:100%;}.circle-item{width:80px;height:80px;font-size:0.75rem;}.hero-name-result{font-size:1.8rem;}.elemental-table th,.elemental-table td{padding:12px 2px;text-align:left;border-bottom:1px solid #ddd;font-size:12px;}}@media (max-width:400px){.article-title{font-size:1.6rem;}.section-title{font-size:1.2rem;}.section-intro{font-size:0.9rem;}.toc-list a{padding:5px 10px;font-size:0.85rem;}.circle-item{width:70px;height:70px;font-size:0.7rem;}.hero-name-result{font-size:1.6rem;}.back-to-top-btn{width:32px;height:32px;}.elemental-table th,.elemental-table td{padding:12px 2px;text-align:left;border-bottom:1px solid #ddd;font-size:8px;}}@media (max-width:375px){.article-title{font-size:1.4rem;}.section-title{font-size:1.1rem;}.section-intro{font-size:0.85rem;}.toc-list a{padding:4px 8px;font-size:0.8rem;}.circle-item{width:60px;height:60px;font-size:0.65rem;}.hero-name-result{font-size:1.4rem;}.elemental-table th,.elemental-table td{padding:12px 2px;text-align:left;border-bottom:1px solid #ddd;font-size:8px;}}.yarpp-related{margin-bottom:1em;margin-top:1em}.yarpp-related a{font-weight:700;text-decoration:none}.yarpp-related .yarpp-thumbnail-title{font-size:96%;font-weight:700;text-align:left;text-decoration:none}.yarpp-related h3{font-size:125%;font-weight:700;margin:0;padding:0 0 5px;text-transform:capitalize}