:root{--color-1: #ffffff;--color-2: #f3f4f6;--color-3: #e5e7eb;--color-4: #d1d5db;--color-5: #9ca3af;--color-6: #4b5563;--color-7: #374151;--color-8: #1f2937;--color-9: #111827;--color-10: #030712}html{font-family:system-ui,sans-serif;background:var(--color-1);color:var(--color-9)}body{margin:0;min-height:100vh}@media(prefers-color-scheme:dark){html{background:var(--color-9);color:var(--color-1)}.bg-gray-50,.bg-gray-100{background-color:#1f2937!important}.bg-white,.bg-color-1{background-color:#111827!important}.bg-slate-200{background-color:#334155!important}.bg-gray-200{background-color:#374151!important}.bg-color-2{background-color:#1f2937!important}.bg-color-3{background-color:#1e40af!important}.bg-color-4{background-color:#1d4ed8!important}.bg-color-5{background-color:#1e3a8a!important}.bg-color-6{background-color:#b45309!important}.bg-color-7{background-color:#134e4a!important}.hover\:bg-color-1:hover{background-color:#374151!important}.hover\:bg-color-3:hover{background-color:#3b82f6!important}.text-gray-400,.text-gray-500{color:#d1d5db!important}.text-gray-600{color:#e5e7eb!important}.text-gray-700,.text-gray-800{color:#f3f4f6!important}.text-gray-900{color:#fff!important}.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover{background-color:#374151!important}.hover\:bg-gray-200:hover{background-color:#4b5563!important}.hover\:text-gray-600:hover,.hover\:text-gray-700:hover{color:#f3f4f6!important}.bg-green-100{background-color:#166534!important}.text-green-800{color:#bbf7d0!important}.bg-red-100{background-color:#7f1d1d!important}.text-red-800{color:#fecaca!important}.bg-yellow-100{background-color:#713f12!important}.border-gray-300{border-color:#4b5563!important}}.thumb-box{display:inline-block;max-width:100px;border:1px solid #e0e0e0;border-radius:4px;padding:4px;margin:0 8px 4px 0;vertical-align:top;background-color:#f9f9f9;box-shadow:0 1px 3px #0000001a;overflow:hidden;text-align:center;float:left}@media(prefers-color-scheme:dark){.thumb-box{border-color:#4b5563;background-color:#374151}}.thumb-box .thumbnail-image{max-width:100px;max-height:50px;width:auto;height:auto;display:block;margin:0 auto;cursor:pointer}.thumb-box .thumb-caption{display:block;font-size:10px;line-height:1.2;padding:3px 0 0;color:#666;text-align:center;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-color-scheme:dark){.thumb-box .thumb-caption{color:#d1d5db}}.paragraph-with-thumb{display:block!important;overflow:auto!important;min-height:60px!important;margin-bottom:1em!important}@supports selector(:has(*)){p:has(.thumb-box){display:block!important;overflow:auto!important;min-height:60px!important;margin-bottom:1em!important}p:has(.thumb-box):after{content:"";display:table;clear:both}li:has(.thumb-box){display:block!important;overflow:auto!important;min-height:60px!important;margin-bottom:8px!important}li:has(.thumb-box):after{content:"";display:table;clear:both}ol:has(li .thumb-box){counter-reset:none}ol:has(li .thumb-box) li{counter-increment:none}}.paragraph-with-thumb:after{content:"";display:table;clear:both}li.list-item-with-thumb{display:block!important;overflow:auto!important;min-height:60px!important;margin-bottom:8px!important}li.list-item-with-thumb:after{content:"";display:table;clear:both}ol li .thumb-box,ul li .thumb-box{margin-top:4px;margin-bottom:4px}.thumb-box:empty{display:none!important}.markdown p,.recommendation-text p{display:block}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:9999;display:flex;justify-content:center;align-items:center}.modal-content{position:relative;max-width:90%;max-height:90%;background-color:#fff;padding:20px;border-radius:4px}@media(prefers-color-scheme:dark){.modal-content{background-color:#1f2937}}.modal-image{max-width:100%;max-height:70vh;display:block;margin:0 auto}.modal-close{position:absolute;top:10px;right:15px;color:#333;font-size:24px;font-weight:700;cursor:pointer;z-index:10000}.modal-title{color:#333;text-align:center;padding:10px 0;font-weight:700}@media(prefers-color-scheme:dark){.modal-close,.modal-title{color:#f3f4f6}}ol.numbered-list-with-thumb{counter-reset:none}ol.numbered-list-with-thumb li{counter-increment:none}@media(max-width:767px){body .p-8{padding:1rem!important}body .p-6{padding:.75rem!important}body .p-4{padding:.5rem!important}body .py-8{padding-top:1rem!important;padding-bottom:1rem!important}body .px-4{padding-left:.5rem!important;padding-right:.5rem!important}body .gap-8{gap:1rem!important}body .gap-6{gap:.75rem!important}body .space-y-4>*+*{margin-top:.5rem!important}body .space-y-2>*+*{margin-top:.25rem!important}body .text-4xl{font-size:1.875rem!important;line-height:2.25rem!important}body .text-2xl{font-size:1.25rem!important;line-height:1.75rem!important}body .text-xl{font-size:1rem!important;line-height:1.5rem!important}body .text-lg,body .text-base{font-size:.875rem!important;line-height:1.25rem!important}body .text-sm{font-size:.75rem!important;line-height:1rem!important}body .area-button,body .question-button,body .rec-button{font-size:1rem!important;padding:.5rem!important;min-height:auto!important;max-height:none!important}body .area-collapsed .area-button.active{padding:.5rem .25rem!important}body .masonry-grid{-moz-column-count:1!important;column-count:1!important}}