#theterm {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;line-height: 1.6;color: #333;margin: 20px auto;padding: 20px;background-color: #f4f4f4;border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);box-sizing:border-box;width:90%;}
#theterm h1, #theterm h2, #theterm h3 {color: #0056b3;}
#theterm h1 {text-align: center; margin-bottom: 30px;}
.term-section {background-color: #ffffff;padding: 25px;border-radius: 6px;margin-bottom: 20px;box-shadow: 0 1px 5px rgba(0,0,0,0.05);}
.term-name {font-size: 2.2em;font-weight: bold;color: #28a745; /* A pleasant green */ margin-bottom: 10px;}
.pronunciation {font-style: italic;color: #555;margin-bottom: 15px;}
.definition {font-size: 1.1em;margin-bottom: 20px;border-left: 4px solid #007bff;padding-left: 15px;}
.etymology-section {margin-top: 25px;padding-top: 20px;border-top: 1px solid #eee;}
.etymology-item { margin-bottom: 10px;}
.etymology-item strong {color: #0056b3;}
.isdocs{display:flex;flex-wrap:wrap;width:98%;padding:1em;box-sizing:border-box;margin:0 auto;justify-content:center;align-content:flex-start;gap:20px;font-family:var(--system-ui);line-height:normal}
.note {background-color: #e6f7ff;border-left: 5px solid #66b3ff;padding: 15px;margin-top: 30px;border-radius: 4px;color: #333;}
.example-image { max-width: 100%;height: auto;display: block;margin: 20px auto;border-radius: 5px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}.example-image img{display:block;width:100%;height:auto;margin:0 auto 10px auto;}.example-image em{display:block;width:90%;height:auto;margin:0 auto 10px auto;text-align:center;}
@media(min-width: 208px) and (max-width: 500px){.isdocs{flex-direction: column;}}